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>