- it
- HTML标签
<!--页面第一行标志着该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
>
