前端学习-基础部分-HTML

HTML的学习内容,主要如下

1.HTML基础标签

2.HTML头部标签

3.HTML主体标签


开始今日份整理

1.HTML基础标签

1.1 标签

标签格式

  • HTML规定用英文尖括号,<>包起来,例如<html>
  • HTML中通常标签成对出现,分为开始标签与结束标签,结束标签比开始标签多一个’/’,例如<div></div>
  • 标签不区分大小写,<html>和<HTML>,不过在程序员中默认都是小写
  • 标签分为俩部分:开始标签<a>和结束标签</a>.俩个标签之间的部分,我们叫做标签体,而有些标签功能比较简单,有些时候使用单标签即可,这种标签叫做自闭和标签,例如<br/><hr/><input/><img/>
  • 标签可以有若干个属性,也可以不带属性,如<head>元素就不带任何属性
  • 标签可以嵌套,但是不能交叉嵌套,例如:我们可以在<div>标签内可以加入<p>标签,但是不能交叉嵌套,<a><b></a></b>这么使用时错误的嵌套以及使用

标签的语法:

  • <标签名 属性1 =“属性值1” 属性2 =“属性值2” ……>内容部分</标签名>
  • <标签名 属性1 =“属性值1” 属性2 =“属性值2” ……>

1.2 自闭和标签和主动闭合标签

<meta charset="UTF-8"> (自闭合标签)

<title>标题</title> (主动闭合标签)

注:  建议自闭和标签后面加上一个/  eg: <br/>

注2:自闭和标签也叫单闭合标签,主动闭合标签也叫双闭合标签

1.3 块级标签和行级标签

本质区别: 是否独占一行

块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距) -> 一个直接占一行

行内(内联)标签: span(白板)-> 里面的内容多大就占多大

1.4 嵌套规则

标签之间可以进行嵌套,但是行内(内联)的不能嵌套块级,p标签不能套块级标签

2.head标签

2.1

3.body标签

猜你喜欢

转载自www.cnblogs.com/gbq-dog/p/10611641.html