utf-8是国际通用编码格式 <!doctype html>这句话的作用:声明当前文档类型,告诉浏览器以何种方式解析当前文件
1.常规标记,双标记
<标记 属性=“属性值” 属性=“属性值” ></标记> eg:<head></head>
2.空标记,单标记
<标记 属性=“属性值” /> eg:<meta charset=”utf-8”> <br/>
说明: 1.写在<>中的第一个单词叫做标记,标签,元素。 2.标记和属性用空格分开,属性和属性值用等号连接,属性值必须放在“ ”号内。 3.一个标记可以没有属性也可以有多个属性,属性和属性之间不分先后顺序。 4.空标记没有结束标签,用“ / ”代替。
网页标题<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 效果