html基础（一）

Xxxx. .Xxxx

已于 2022-04-08 21:11:17 修改

阅读量137

点赞数 1

分类专栏： html 文章标签： html基础

于 2019-11-25 13:51:04 首次发布

本文链接：https://blog.csdn.net/becomeyee/article/details/103102355

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html的固定格式及其解释


<!-- <告诉浏览器这个文档是html5的文档，文档声明> -->
<!doctype html>

<html>
     <!-- <文档的头部> -->
     <head>
     	<!-- <表示文档的编码> -->
         <meta charset="utf-8">

          <!-- <表示文档标题> -->
         <title>标签</title>
    </head>
    <!-- <网页的内容> -->
    <body>
    </body>
 
</html>

HTML的基本标签

     <div>
    		一切  在我心里开得好皎洁
            现在  倒计时也不剩几天
    </div>

标签如图所示
2.

**<!-- <分隔线> -->**
       <hr />

标签如图所示
3.

   **<!-- <div标签：可以增加样式，在这里是加上颜色> -->**
	         <div style ="color:  green">
	 脚边的纸片  来不及去捡
    仿佛  是快要冲破压力的茧
            </div>

标签如图所示
4.

   **<!-- <span标签：一段话，可以在一行显示> -->**
    <span>
    	 离校后 大家又各自熬夜早上的黑眼圈 课上的小困倦一天一天又一天
     </span>
     <span>
     我只想要拉住流年好好地说声再见在心中刻下你们的笑脸看流星划过天边 许下我们的心愿让现在 成为永远
     </span>

标签如图所示
5.

     **<!-- <h1-h6标签，数字越大，字号越小> -->**
     <hr />
     <h1>记念1</h1>
     <h2>记念2</h2>
     <h3>记念3</h3>
     <h4>记念4</h4>
     <h5>记念5</h5>
     <h6>记念6</h6>
     <hr />

标签如图所示
6.

<!-- <p标签：表示段落> -->
     <p>
   	 遗憾感谢都回不去昨天我只想铭记这瞬间我们一起走过的光年六月后光年成纪念这个班级太傲娇什么课都不发言但是还是很温暖同学之间的寒暄压着课本抄作业考试上的看一眼现在想起来会不会觉得还很亲切
     </p>
     <p>
   	 遗憾感谢都回不去昨天我只想铭记这瞬间我们一起走过的光年六月后光年成纪念这个班级太傲娇什么课都不发言但是还是很温暖同学之间的寒暄压着课本抄作业考试上的看一眼现在想起来会不会觉得还很亲切
     </p>

标签如图所示
7.

**<!-- <ul 下面套着一个li标签：无序列表，前面有个黑点> -->**

 <ul>
 	<li>就是一个点</li>
 	<li>表示一无序列表</li>
 	<li>咱们也不知道为啥</li>
 </ul>

 **<!-- <i标签：斜体> -->**
 **<!-- <em标签：斜体> -->**
 **<!-- <strong标签：加粗> -->**
 **<!-- <br / 标签：换行> -->**
 
 <ul>
 	<li><i>这个的意思就是斜体</i></li>
 	<li><em>这个的意思就是斜体</em></li>
 	<li><strong>这个加粗了，你瞅见了不</strong></li>
 	<li>你看看啊啊<br />这个就换行了，瞅见了不？</li>
 </ul>

标签如图所示
8.

  **<!-- <a标签：表示超链接，可以链接一切资源（网址，视频，文字等等）> -->**
  
     <a href="http://baidu.com"> 百度</a>
     <hr />

     <a href="http://baidu.com" target ='blank'> 百度</a>