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属性以便于告诉浏览器提前为还没加载出来的图片留下空间,若图片未成功加载也能不破坏结构

你可能感兴趣的:(HTML, CSS, and Javascript for Web Developers Week1)