<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>笔记2</title>
</head>
<body>
标题标签
<h1 id="main">标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
注:标题标签只有6个,在往后没有标题属性
段落标签
<p>hallo<p>你好!!!</p></p>
换行标签
<br/>
水平线
<hr/>
强调标签
<em>倾斜</em>
<i>倾斜</i>
<strong>强调</strong>
<b>加粗</b>
图片标签
<img src="img/arrows.jpg" alt="tu" title="图" />
<img src="img/arrows.jpg" alt=""/>
注:alt是当图片不能正常显示时,显示的文字,title是当鼠标滑动到图上时显示的文字,一般用来做图片介绍
超链接
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="#main">主题</a>
<a href="mailto:a.61@163.com">打开邮箱</a>
<a href="笔记1.html#footer">跳转到笔记1的底部</a>
注:target打开网页方式,默认不写为当前窗口打开,_blank是新窗口打开
mailto: 邮箱的超链接方式
列表标签
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<dl>
<dt>第一章</dt>
<dd>第一节</dd>
<dd>第二节</dd>
<dd>第三节</dd>
<dt>第二章</dt>
<dd>第一节</dd>
<dd>第二节</dd>
<dd>第三节</dd>
<dt>第三章</dt>
<dd>第一节</dd>
<dd>第二节</dd>
<dd>第三节</dd>
</dl>
表格标签
<table border="1" width="800">
<caption>通讯录</caption>
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>电话</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td rowspan="2">张信息</td>
<td>1222333333</td>
<td rowspan="2">北京</td>
</tr>
<tr>
<td>12345678</td>
</tr>
<tr>
<td>2</td>
<td>杨人</td>
<td>13333456</td>
<td>山西</td>
</tr>
</tbody>
<footer>
<tr>
<td colspan="4" align="right">共2人</td>
</tr>
</footer>
</table>
注:caption标签一个表格中只有一个,默认在表格最上方居中
跨行采用: colspen
跨列采用:rowspen
表单标签
<form action="" method="POST">
用户名:<input type="text" name="username" /><br/>
密码:<input type="password" name="passwrod"/>
性别:<input type="radio" name="sex" value="0">男
<input type="radio" name="sex" value="1">女<br/>
爱好:<select name="like">
<option value="看书" selected="selected">读书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select><br/>
个人简介:<textarea cols="50" rows="10"></textarea>
<input type="button" name="but" value="按钮">
<input type="submit" name="sub" value="提交">
<input type="reset" name="reset" value="重置">
</form>
无语义标签
<div></div>
<spen></spen>
</body>
</html>
web前端2
最新推荐文章于 2023-09-04 15:24:24 发布