热门关键字:
jquery > jquery教程 > jquery教程 > HTML基础学习笔记整理

HTML基础学习笔记整理

238
作者:管理员
发布时间:2021/4/6 19:02:21
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4363
  W3C标准:


  结构:HTML描述页面的结构


  表现:CSS控制页面中元素的样式


  行为:JavaScript相应用户操作


  HTML(Hypertext Markup Language)超文本标记语言


  <标签名>标签体</标签名>


  根标签:html(一个网页有且仅有一个,所有内容都要写在里面)


  头部:head(表示网页的源数据,head中内容网页不显示,是给浏览器、搜索引擎看)


  标题:title(显示在标签上)


  主体:body(网页里所有的可见内容都写在里面)


  关系:


  head和body是html的子标签


  title是head的子标签


  title是html的后代


  html是title的祖先


  自结束标签:(只有一边)


  注释:(不能嵌套)


  属性:在标签中(开始标签或自结束标签)


  属性是一个名值对(x=y)


  属性用来设置标签中内容如何显示


  属性和标签名或其他属性应该使用空格隔开


  属性名和值都不能随便写,应该根据规定写


  有些属性有属性值,有些没有;如果有属性值,属性值应该用引号引起来(单引号双引号都可以)


HTML基础学习笔记整理



  文档声明(doctype):


  用来告诉浏览器当前网页的版本


  HTML5的文档声明:(不区分大小写)


  注意:写在最上面


  字符编码:


  所有的数据在计算机中存储时都是以二进制形式存储


  编码:将字符转换为二进制码的过程


  解码:将二进制码转换为字符的过程


  字符集(charset):编码和解码所采用的规则


  乱码问题:如果编码和解码所采用的字符集不同就会出现乱码问题


  常见的字符集:


  ASCII(英美7位128)


  ISO88591(欧洲8位256)


  GB2312(中国)


  GBK(中国扩展)


  UTF-8(万国码)


  注意:在head标签内


  小结:


  文档声明、根标签、head标签、body标签、字符集


  meta标签和title标签在head里,在网页中显示的内容写在body里


  实体:


  在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格


  在HTML中有些时候,我们不能直接书写一些特殊字符(比如,多个连续的空格、字母两侧的大于号小于号)


  如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符)


  实体的语法:&实体的名字;


  meta标签:


  用于设置网页中的一些元数据(元数据不是给用户看的)


HTML基础学习笔记整理



  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元素中不能放任何块元素




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐