html语法
第一个html
1 1 <!DOCTYPE html>
2 2 <html lang="en">
3 3 <head>
4 4 <!--meta 描述性标签，用来描述网站的一些信息-->
5 5 <!--meta 标签一般用来做SEO-->
6 6 <meta charset="UTF-8">
7 7 <meta name="key" content="第一个网站，学html">
8 8 <meta name="description" content="学习html">
9 9 <title>第一个网站</title>
10 10 </head>
11 11 <body>
12 12 Hello,World!
13 13 </body>
14 14 </html>
基本标签
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>基本标签学习</title>
6 </head>
7 <body>
8 <!--标题标签-->
9 <h1>一级标签</h1>
10 <h2>二级标签</h2>
11 <h3>三级标签</h3>
12 <h4>四级标签</h4>
13 <h5>五级标签</h5>
14 <h6>六级标签</h6>
15
16 <!--段落标签 将文字分为一个个段落-->
17 <p>两只老虎，两只老虎</p>
18 <P>跑得快，跑得快</P>
19 <P>一只没有眼睛</P>
20 <P>一只没有尾巴</P>
21 <P>真奇怪！真奇怪！</P>
22
23 <!--水平线标签-->
24 <hr/>
25
26 <!--换行标签 只是换了一行，但是还是一段-->
27 两只老虎，两只老虎<br/>
28 跑得快，跑得快<br/>
29 一只没有眼睛<br/>
30 一只没有尾巴<br/>
31 真奇怪！真奇怪<br/>
32
33 <!--粗体，斜体-->
34 <h1>字体样式标签</h1>
35 粗体：<strong>i love you</strong> <br/>
36 斜体：<em>i love you</em> <br/>
37 粗体：<B>i love you</B> <br/>
38 斜体：<I>i love you</I> <br/>
39 <hr/>
40 <!--特殊符号-->
41 空 格； <br/>
42 <!-- 代表一个空格-->
43 空 格 <br/>
44 <!--> 代表大于号 <代表小于号-->
45 >
46 < <br/>
47 <!--版权符号-->
48 ©
49 </body>
50 </html>
图片标签
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>图片标签</title>
6 </head>
7 <body>
8 <!--
9 src:图片的地址
10 绝对地址：使用盘符找到的文件 D:\代码\HTML\resources\image\2.png
11 相对地址：相对于当前项目的文件 ../resources/image/2.png
12 ../返回上一级目录
13 alt ： 如果src路径下的文件未找到，就用这里名的内容替代
14 title ： 将鼠标放置在这个图片上面会显示title里卖弄的内容
15 width : 图片显示的宽度
16 height ： 图片显示的高度
17 -->
18 <img src="../resources/image/2.png" alt="桌面壁纸" title="悬停文字" width="255" height="255">
19 <!--从这里可以直接跳转到下面这个链接的down这个锚标记处-->
20 <a href="4.链接标签.html#down">跳转</a>
21 </body>
22 </html>
页面结构
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>页面结构</title>
6 </head>
7 <body>
8 <header>
9 <h1>网页头部</h1>
10 </header>
11 <section>
12 <h1>网页主体</h1>
13 </section>
14 <footer>
15 <h1>网页脚部</h1>
16 </footer>
17 </body>
18 </html>
浙公网安备 33010602011771号