02HTML基本语法1
HTML基本结构
utf-8是国际通用编码格式<!doctype html>这句话的作用:声明当前文档类型,告诉浏览器以何种方式解析当前文件
HTML的基本语法
1.常规标记,双标记
<标记 属性=“属性值” 属性=“属性值” ></标记>
eg:<head></head>
2.空标记,单标记
<标记 属性=“属性值” />
eg:<meta charset=”utf-8”> <br/>
说明:
1.写在<>中的第一个单词叫做标记,标签,元素。
2.标记和属性用空格分开,属性和属性值用等号连接,属性值必须放在“ ”号内。
3.一个标记可以没有属性也可以有多个属性,属性和属性之间不分先后顺序。
4.空标记没有结束标签,用“ / ”代替。
HTML常用标记
网页标题<title></title>
说明:
1.<h1>最重要的标题h1</h1>
H1在一个网页中最好只使用一次,如对一个网页LOGO使用。
2.p标签
没有加粗,而且它的字号是浏览器默认的,16px
标签是可以嵌套的,p标签不要去嵌套,只做为文本容器就好,会出问题,看控制台
F12看控制台,多出了一个p标签
3.手敲空格键是有问题,浏览器只识别一个空格,而多个空格使用多个 ;
即可
一个空格等于3个字符,一个中文等于2个字符,一个英文等于1个字符
4.<br>
强制换行是单标记,单标记不加反斜杠也生效
5.<b></b>
和<strong></strong>
的加粗效果是一样的,strong更加语义化一些
和都是倾斜
6.<em></em>
和<i></i>
都是倾斜
7.<hr>
水平线,可以定义宽高
<h1>
到<h6>
是至上而下排列的,都是独占一行,叫块元素
<b>
和<strong>
和<em>
和<i>
在同一行显示,叫行内元素
所有的结构标签都写在body里
同级标签可以用+连接去写h1+h2+h3+h4+h5+h6
效果