前端开发入门基础---HTML笔记篇
Posted 勇敢*牛牛
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端开发入门基础---HTML笔记篇相关的知识，希望对你有一定的参考价值。
牛牛纯手码！！！！
新鲜出炉的：源码+笔记（还热乎）
分为上下两篇，作为pink老师的亲传弟子，好吃的“包子”当然要分享给更多的人！10天码出
近"五万"字的“源码+笔记”，
只要你想要免费送给你！！！！！
手工书写超高清脑图笔记
免费送！！！！！
midmaster脑图设计笔记，加快脑袋瓜的记忆，让思维更流畅，记忆更加衔接！.
源码在线+各种“骚”案例，让你乐在其中！！！！！
代码效果展示：
代码描述
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>综合案例—注册页面</title>
</head>
<body>
<h4>青春不常在，抓紧谈恋爱</h4>
<table width="600"><!--表格表格标签 border="1"-->
<tr>
<td>
性别：
</td>
<td>
<!--label标签类似锚点标签，多个id的名字是需要不同的，增加用户体验-->
<input type="radio" name="sex" id="man"/><label for="man"><img src="男.jpg" width="30" height="30" /> 男</label>
<input type="radio" name="sex" id="woman"/><label for="woman"><img src="女.jpg" width="30" height="30" /> 女</label>
</td>
</tr>
<tr>
<td>
生日：
</td>
<td>
<select name="出生年" >
<option selected="select">--请选择年--</option><!--两种写发，可以选择默认和置第一行位置-->
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
</select>
<select name="出生月">
<option selected="select">--请选择月--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select name="出生日">
<option selected="select">--请选择日--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<!--依次往后写就行-->
</select>
</td>
</tr>
<tr>
<td>
所在地区：
</td>
<td>
<input type="text" name="area" value="请输入你所在的地区"/>
</td>
</tr>
<tr>
<td>
婚姻状况：
</td>
<td>
<input type="radio" name="view" id="wei" /><label for="wei">未婚</label>
<input type="radio" name="view" id="yi" /><label for="yi">已婚</label>
<input type="radio" name="view" id="li" /><label for="li">离婚</label>
</td>
</tr>
<tr>
<td>
学历：
</td>
<td>
<select>
<option>幼儿园</option>
<option>小学</option>
<option>高中</option>
<option>大学</option>
</select>
</td>
</tr>
<tr>
<td>
喜欢的类型：
</td>
<td>
<input type="checkbox" name="type" id="1"/><label for="1">妩媚滴</label>
<input type="checkbox" name="type" id="2"/><label for="2">可爱滴</label>
<input type="checkbox" name="type" id="3"/><label for="3">小鲜肉</label>
<input type="checkbox" name="type" id="4"/><label for="4">老腊肉</label>
<input type="checkbox" name="type" checked="checked" id="5"/><label for="5">都喜欢</label>
</td>
</tr>
<tr>
<td>
个人介绍：
</td>
<td>
<textarea>人生经历</textarea>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="submit" value="免费注册"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="checkbox" checked="checked"/>我同意注册条款和会员加入标准
</td>
</tr>
<tr>
<td>
</td>
<td>
<a href="#">我是会员，立即登录</a>
</td>
</tr>
<tr>
<td>
</td>
<td>
<h3>我承诺</h3>
<ul>
<li>年满18岁</li>
<li>报这严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
以上是关于前端开发入门基础---HTML笔记篇的主要内容，如果未能解决你的问题，请参考以下文章
2021年 Web 前端入门学习路线，(附：前端基础学习笔记)