1.我的第一个HTML文件
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>title1</h1>
<p>
hello world!
</p>
<br/>
<hr/>
<h2>title2</h2>
<p>
l like code
</p>
<h3>title3</h3>
<h4>title4</h4>
<h5>title5</h5>
</body>
</html>
2.a标签的使用
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="https://www.baidu.com">百度</a>
<p>
<a href="https://ww.baidu.com">我喜欢</a>
<a href="https://www.163.com">编程</a>
</p>
<h1><a href="https://www.sina.com">title</a></h1>
</body>
</html>
3.编写网页的title
<!DOCTYPE html>
<html>
<head>
<title>稳健的不二少年</title>
</head>
<body>
<a href="https://www.baidu.com">百度</a>
<p>
<a href="https://ww.baidu.com">我喜欢</a>
<a href="https://www.163.com">编程</a>
</p>
<h1><a href="https://www.sina.com">title</a></h1>
</body>
</html>
4.编写注释
<!--这是注释-->
5.引入图片
<!DOCTYPE html>
<html>
<head>
<title>稳健的不二少年</title>
</head>
<body>
<!--这是注释-->
<img src="1.jpg"alt="请点击"/>
<br/>
<img src="/Users/wangqiang/Desktop/8.jpg"alt="w"width="100px"height="100px">
<br/>
<a href="https://www.baidu.com">百度</a>
<p>
<a href="https://ww.baidu.com">我喜欢</a>
<a href="https://www.163.com">编程</a>
</p>
<h1><a href="https://www.sina.com">title</a></h1>
</body>
</html>
6.编写表格
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<table border="5">
<tr>
<td>队伍</td>
<td>姓名</td>
<td>球衣号码</td>
</tr>
<tr>
<td>皇家马德里</td>
<td>c罗</td>
<td>9</td>
</tr>
<tr>
<td>巴塞罗那</td>
<td>梅西</td>
<td>10</td>
</tr>
</table>
</body>
</html>
7.编写列表
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>l</li>
<li>like</li>
<li>code</li>
</ul>
<ol>
<li>l</li>
<li>like</li>
<li>code</li>
</ol>
<dl>
<dt>l</dt>
<dd>我!</dd>
<dt>like</dt>
<dd>喜欢!</dd>
<dt>code</dt>
<dd>编码!</dd>
</body>
</html>
8.编写表单
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form action="http://www.baidu.com">
<label for="name-input">name</label>
<input id="name-input"type="text"/>
<input type="password"/>
<label for="h-1"> 看电视</label>
<input type="radio" name="单选"id="h-1">
<label for="h-2"> 踢足球</label>
<input type="radio" name="单选"id="h-2">
<label for="h-3"> 打篮球</label>
<input type="radio" name="单选"id="h-3">
<label for="h1-1"> 吃饭</label>
<input type="checkbox" name="多选",id="h1-1">
<label for="h1-1"> 睡觉</label>
<input type="checkbox" name="多选",id="h1-1">
<label for="h1-1"> 打豆豆</label>
<input type="checkbox" name="多选",id="h1-1">
<input type="submit" value="提交">
</form>
<button onclick="javascript:window.location='https://www.baidu.com'">普通按钮</button>
</body>
</html>