HTML基础学习笔记整理

  W3C标准:
 
  结构:HTML描述页面的结构
 
  表现:CSS控制页面中元素的样式
 
  行为:JavaScript相应用户操作
 
  HTML(Hypertext Markup Language)超文本标记语言
 
  <标签名>标签体</标签名>
 
  根标签:html(一个网页有且仅有一个,所有内容都要写在里面)
 
  头部:head(表示网页的源数据,head中内容网页不显示,是给浏览器、搜索引擎看)
 
  标题:title(显示在标签上)
 
  主体:body(网页里所有的可见内容都写在里面)
 
  关系:
 
  head和body是html的子标签
 
  title是head的子标签
 
  title是html的后代
 
  html是title的祖先
 
  自结束标签:(只有一边)
 
  注释:(不能嵌套)
 
  属性:在标签中(开始标签或自结束标签)
 
  属性是一个名值对(x=y)
 
  属性用来设置标签中内容如何显示
 
  属性和标签名或其他属性应该使用空格隔开
 
  属性名和值都不能随便写,应该根据规定写
 
  有些属性有属性值,有些没有;如果有属性值,属性值应该用引号引起来(单引号双引号都可以)

 
 
  文档声明(doctype):
 
  用来告诉浏览器当前网页的版本
 
  HTML5的文档声明:(不区分大小写)
 
  注意:写在最上面
 
  字符编码:
 
  所有的数据在计算机中存储时都是以二进制形式存储
 
  编码:将字符转换为二进制码的过程
 
  解码:将二进制码转换为字符的过程
 
  字符集(charset):编码和解码所采用的规则
 
  乱码问题:如果编码和解码所采用的字符集不同就会出现乱码问题
 
  常见的字符集:
 
  ASCII(英美7位128)
 
  ISO88591(欧洲8位256)
 
  GB2312(中国)
 
  GBK(中国扩展)
 
  UTF-8(万国码)
 
  注意:在head标签内
 
  小结:
 
  文档声明、根标签、head标签、body标签、字符集
 
  meta标签和title标签在head里,在网页中显示的内容写在body里
 
  实体:
 
  在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格
 
  在HTML中有些时候,我们不能直接书写一些特殊字符(比如,多个连续的空格、字母两侧的大于号小于号)
 
  如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符)
 
  实体的语法:&实体的名字;
 
  meta标签:
 
  用于设置网页中的一些元数据(元数据不是给用户看的)
 
  charset 指定网页的字符集(上面的字符集)
 
  name 指定的数据的名称
 
  content 指定的数据的内容
 
  keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用逗号隔开(搜索引擎中搜索关键字内容,会给出网页)
 
  description 用于指定网站的描述(网站的描述会显示在搜索引擎的搜索结果中(超链接下的小文字))

 
 
  还有一个常见用法:
 
  title标签:
 
  内容会作为搜索结果的超链接上的文字显示
 
  语义化标签:
 
  在网页中HTML专门用来负责网页的结构,所以在使用html标签时,应该关注的是标签的语义,而不是它的样式。
 
  标题标签:h1——h6 一共有六级标题(h1在网页中的重要性仅次于title标签,一般情况下一个页面中只会有一个h1)注意:一般情况下标题标签只会使用h1-h3,h4-h6很少用
 
  hgroup标签:用来为标题分组,可以将一组相关的标题同时放入hgroup
 
  p标签:表示一个段落
 
  em标签:语音语调的加重
 
  strong标签:强调重要内容
 
  blockquote标签:长引用(会独占一行,并且缩进)
 
  q标签:短引用(不会换行,且有双引号)
 
  br标签:页面中的换行
 
  块元素(block element):在页面中独占一行的元素
 
  - 在网页中一般通过块元素来对页面进行布局
 
  - 如:标题标签、p标签
 
  行内元素(inline element):在页面中不会独占一行的元素
 
  - 行内元素主要用来包裹文字
 
  - 如:超链接
 
  注意:一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素,块元素中基本上什么都能放,p元素中不能放任何块元素

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61643.shtml

张贴在2