<!--页面第一行标志着该html文件兼容到哪个版本-->
<!--支持到HTML5版本-->
<!DOCTYPE html>
<!--所有的html文件最外层都是html标签-->
<!--每个标签都可以有属性(attribute)-->
<!--html标签有两个固定的字标签,head和body-->
<html lang="en">
<head>
<!--head标签主要设置该页面的相关属性和配置-->
<meta charset="UTF-8">
<title>无敌的我</title>
</head>
<body>
<!--浏览器页面显示的主要内容-->
<hr>
<h1>无</h1>
<h2>敌</h2>
<h3>的</h3>
<h4>我</h4>
<h5><em>啊</em></h5>
<h6>!</h6>
<!--分割线-->
<hr>
<br>鹅鹅鹅
<br>去颈向天歌
<br>白毛浮绿水
<br><strong><em>红掌</em></strong>拨清波
<!--html允许自定义标签,没有特殊效果,和普通文字一样-->
<br><h7>dd</h7>
<p>段落标签</p><p>段落标签</p><p>段落标签</p>
<br>换行标签
<!--块标签
1.独占一行,不和其他元素待在同一行
2.能设置宽高
div,p,h1-h6,ul,li,dl,dt,dd
-->
<!--行标签
1.能和其他元素待在同一行
2.不能设置宽高
a,span,strong,u,em
-->
<!--图片-->
<h1>图片标签</h1>
<img src="2.jpg" alt="">
<!--一般在开发中,所有的图片都会以地址的形式进行数据传输-->
<img src="https://ss0.baidu.com/73F1bjeh1BF3odCf/it/u=250985694,3451845253&fm=85" alt="" width="1000px">
<a href="http://www.divcss5.com/html/h29641.shtml">点我跳转</a>
<!--打开一个新页面跳转到目标地址-->
<br><a href="http://www.divcss5.com/html/h29641.shtml"target="_blank">点我跳转</a>
<!--点击图片跳转到百度页面-->
<a href="https://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png?where=super" alt=""></a>
<!--列表-->
<!--有序列表-->
<ol type="A">
<li>计算机</li>
<li>数学</li>
<li>英语</li>
<li>语文</li>
</ol>
<!--无序列表-->
<ul type="circle">
<li>钢铁侠</li>
<li>绿巨人</li>
<li>雷神</li>
<li>黑寡妇</li>
</ul>
<ul type="square">
<li>洛基</li>
</ul>
<!--div-->
<!--div是一个块标签,但是没有其他的效果-->
<!--div标签是前段使用频率最多的标签之一-->
<!--div标签经常使用来进行-->
<!--表格-->
<!--先分行,再分列-->
<div>
<table border="1" width="500px" align="center" bordercolor="#3366ff">
<thead>
<tr>
<th>英雄</th>
<th>人头</th>
<th>死亡</th>
<th>助攻</th>
</tr>
</thead>
<tbody>
<tr>
<td>孙尚香</td>
<td>6</td>
<td>2</td>
<td rowspan="2">2</td>
</tr>
<tr>
<td>李白</td>
<td>10</td>
<td>0</td>
<td>2</td>
</tr>
<tr>
<td colspan="2">程咬金</td>
<td>1</td>
<td>4</td>
<td>12</td>
</tr>
<tr>
<td>花木兰</td>
<td>5</td>
<td>1</td>
<td>5</td>
</tr>
</tbody>
</table>
</div>
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
<div>
<table border="3" width="500px" align="center" bordercolor="#3366ff">
<tr>
<td>4</td>
<td>2</td>
<td>4</td>
<td>3</td>
</tr>
<tr>
<td>6</td>
<td>3</td>
<td>7</td>
<td>0</td>
</tr>
<tr>
<td>7</td>
<td>4</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>8</td>
<td>5</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>6</td>
<td>6</td>
<td>5</td>
</tr>
</table>
</div>
</body>
</html>
HTML标签
最新推荐文章于 2023-07-14 18:04:08 发布