HTML基础语法与标签

  小白前端学习日记(一)认识前端
 
  事不宜迟,赶快进行三个基本能力中相较来说最简单的HTML的学习吧!
 
  在编写HTML时我们们首先要写出以下代码。
 
  不要被这一大长串吓到,在VSCode编译器中html文件第一行打出“!”便会自动得到这些代码。我们来认识一下这些标签都是什么。
 
  HTML文件第一行必须是DTD(Document Type Definition
 
  ,文档类型声明),不写DTD会引发浏览器的一些兼容问题。
 
  标签对,将标签对和标签对放入其中,lang属性为网页语言,英语为en,中文为zh。

 
 
  注意:head标签对和body标签对需要在html标签对中缩进
 
  标签对中是网页的配置,而并非网页头部
 
  head标签对中为设置字符集,标签为元标签,表示网页的基础配置;
 
  UTF-8为制作网页所使用的字符集,与gb2312的区别可参考下图。
 
  在中的中书写网页的标题,文字会显示在浏览器的标签栏上。title也是搜索引擎收录网站时显示的标题,所以我们需要合理的设置title以吸引用户的点击。
 
  使用meta标签设置网页关键词和描述,name属性非常关键,用来设置meta的具体功能。
 
  标签对中用来写网页的主要内容,包括网页头部,内容,页脚等等。
 
  HTML叫做“超文本标记语言”,超文本标记就是标签,这些标签拥有不同的功能。
 
  标签通常成对儿出现;但meta标签为单标签,只有起始标签。
 
  标签可以给文字设置不同的“语义”。
 
  实际显示效果如图。
 
  搜索引擎非常看重标签的内容,应该将重点内容比如网页的logo等放到中以加大其权重。标签一般只能放置一个,否则会被搜索引擎视为作弊。
 
  六级标题虽然很像普通文本进行了加粗,但不应该仅仅为了加粗而使用标签对。

 
 
  在网页中显示的效果如图。
 
  div是英语division“分割”的缩写,标签对用来将相关的内容组合到一起,以和其
 
  他内容分割,使文档结构更清晰。最重要的一点是,它可以结合CSS使用,实现网页的布局,这种布局形式叫做“DIV+CSS”。
 
  div标签对的应用是html中非常重要的知识点。
 
  书写代码时,我们需要写好注释使日后再阅读代码或者他人阅读代码提供提示。
 
  为了在书写“<”“>”等符号时不被当作标签,我们需要使用转义字符来表示它们。
 
  在网页中显示的效果如图。
 
  通过此次的学习,我们认识了HTML骨架,标题标签,段落标签,div标签,注释写法与部分转义字符写法。下次的学习内容将会是列表标签和多媒体语义化标签。

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

张贴在2