html基础2
2016-06-08 本文已影响0人
Evildoer_
day1.1………………………………………..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8">
<title> 基础标签</title>
</head>
<body>
标题
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>
ol有序列表 li列表项
<ol>
<li>列表项</li>
<li>列表项</li>
</ol>
<ol>
<li>列表项</li>
<li>列表项</li>
</ol>
ul 无序列表
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
<p>我是一个段落。。。。。。。。。。。。。。。。。。。。。。。。。。。。</p>
<div>我是div</div>
<!-- div没有实际意义 主要配合css布局使用 快标签-->
<span>我是span</span>
<!-- span和div一样 没有实际意义 主要配合css布局使用 行标签-->
<br>
<!-- br相当于回车 换行 -->
<!-- 单标签<br><hr> -->
<!-- 双标签 -->
<!-- 区分 中间不需要插入内容 -->
<table border="6"cellspacing="6"cellpadding="0">
<!-- table是表格 border是表格属性表格的边框大小 cellspacing是单元格和边框之间的距离 cellpadding 是定义文字到单元格的距离-->
<tr>
<!-- tr代表一行 -->
<th>我是th</th>
<!-- th表头 -->
<!-- td单元格 -->
<td>我是td</td>
<td>我是td</td>
<td>我是td</td>
</tr>
<tr>
<th>我是th</th>
<td>我是td</td>
<td>我是td</td>
<td>我是td</td>
</tr>
<tr>
<th>我是th</th>
<td>我是td</td>
<td>我是td</td>
<td>我是td</td>
</tr>
</table>
<!-- herf 指链接目标 -->
<!-- 绝对路径 -->
<a href="https:www.baidu.com">点击跳转</a>
<!-- 相对路径 -->
<a href=" 文件名.html">点击跳转</a>
<a href="文件夹名/文件名.html">点击</a>
<!-- 下一级 -->
<a href="../文件夹名/文件名.html">点击</a>
<!-- 上一级 在下一级 -->
<!-- 物理路径 以file开头 -->
<!-- 未访问的蓝色下划线 -->
<!-- 以访问的紫色下划线 -->
<!-- 图片 -->
<!-- alt替换文本 图片不能正常显示的时候显示替换文本 -->
<img src="图片名.png" alt="替换文本">
<!-- url(统一资源占位符) -->
<img src="https://www.google.com.sg/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"alt="">
<!-- hr 横线 -->
<hr>
</body>
</html>
