02HTML基本语法1

HTML基本结构

utf-8是国际通用编码格式
02HTML基本语法1
<!doctype html>这句话的作用:声明当前文档类型,告诉浏览器以何种方式解析当前文件

HTML的基本语法

1.常规标记,双标记

<标记 属性=“属性值” 属性=“属性值” ></标记>
eg:<head></head>

2.空标记,单标记

<标记 属性=“属性值” />
eg:<meta charset=”utf-8”> <br/>

说明:
1.写在<>中的第一个单词叫做标记,标签,元素。
2.标记和属性用空格分开,属性和属性值用等号连接,属性值必须放在“ ”号内。
3.一个标记可以没有属性也可以有多个属性,属性和属性之间不分先后顺序。
4.空标记没有结束标签,用“ / ”代替。

HTML常用标记

网页标题<title></title>
02HTML基本语法1
说明:
1.<h1>最重要的标题h1</h1>
H1在一个网页中最好只使用一次,如对一个网页LOGO使用。

2.p标签没有加粗,而且它的字号是浏览器默认的,16px

标签是可以嵌套的,p标签不要去嵌套,只做为文本容器就好,会出问题,看控制台
02HTML基本语法1
F12看控制台,多出了一个p标签
02HTML基本语法1

3.手敲空格键是有问题,浏览器只识别一个空格,而多个空格使用多个&nbsp;即可

一个空格等于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
02HTML基本语法1
效果
02HTML基本语法1