HTML, CSS, and Javascript for Web Developers Week1

HTML, CSS, and Javascript for Web Developers Week1

基本概念

• HTML：Hypertext Markup Language，其中Hypertext指的是带有链接转向其他页面的文本，markup指的是有标注的文本

content model:

• Block Level Element: 会开启一个新行
• Inline Element: 默认在同行，对于内部包含的tag有限制
• 但可以通过CSS改变
• HTML5设置了更加复杂的分类，但这种分类依然很实用

HTML5

Semantic HTML content

代表一些含义的元素：1. 以便人与机器更好的理解 2.帮助搜索引擎ranking（ie. SEO,但有争论）

1. 精心设置的H1tag对于SEO(Search Engine Optimization)很有用
2. 语义元素能够更好的表达HTML结构

List

Links

Image Display

• img tag 是一个inline element
• 设定width 和 height属性以便于告诉浏览器提前为还没加载出来的图片留下空间，若图片未成功加载也能不破坏结构