<!--它就是告诉浏览器，使用哪种规范来解释这个文档中的规范。你知道如果没有它，浏览器在渲染页面的时 候会使用怪异模式（各个浏览器在怪异模式下对各个元素渲染时有差异，因此会导致同一个样式在不同浏览器上看到的效果不同 ）。 --> <html lang="len"> <head> <meta charset ="utf-8"> <!--页面名字 --> <title>呵呵</title> </head> <body> Hello World！ <p> <!--段标签,不加就不会自动换行--> this is my first paragraph </p> <p> <!--段标签,不加就不会自动换行--> <!--</br>也是个换行 但是不同的浏览器的处理方式不同,一般不用 --> this is my first paragraph </p> <!--<b>加粗 --><!--b 和strong显示上做的是一样,但是从语义上是不同的,通常strong代表的是强调--> <b>b</b> <!--<strong>加粗 --> <strong>b</strong> <!--<i>斜体 --> <i>b</i> <!--<em>斜体 --> <em>b</em> <!--<h1>大 少用 h后面数字越大用的越多 越小重要性越高 标题标签 --> <h1>this is h</h1> <h2>this is h2</h2> <h3>this is h3</h3> <h4>this is h4</4> <h5>this is h5</h5> <h6>this is h6</h6> <!--a超链接标签 加href属性 就是要跳转到链接地址 target _self 默认自己 _blank开个空白页跳转--> <!--PX是Pixel的缩写 --> <!--路径分为绝对路径和相对路径 绝对路径就是固定的完全的路径 相对就是同级的 ./代表当前 不加也一 样 ../是上一级 /下一级 一定要用相对路径 绝对移动就找不到 文件一般都放一起用相对 --> <!-- 通过src 属性设置绘制图片的路径 jpg、bmp、gif... alt设置没图像反馈什么 px相当于让浏览器明白要干什么 相当于规范--> <a href="http://www.baidu.com" target="_blank">this is a tag </a> <img src="BOSS出场顺序表.png" alt="加载错误提示" width="550px" height="35px"> </body> </html>
一对标记中可能有文本类型的数据
可视化标签 和非可视化标签
如果一个标签能够在body中显示就是一个可视化标签(能够看到文字或者模型)