<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!-- 表单标签 -->
<form>
<strong><h2>贵州新华新媒体UI2001</h2></strong><br/>
学生姓名:<input type="text" placeholder="请输入文本内容"/><br/> <br:换行/>
<!-- input:输入 type:类型 text:文本 placeholder=请输入文本内容-->
登录密码:<input type="password"/><br/>
<!-- password:密码 -->
性别:<input type="radio" name="sex"/>女
<input type="radio" name="sex"/>男<br/>
<!-- radio:单选 name:名字 sex:性别-->
爱好:<input type="checkbox" name="hobby"/> 吃饭<input type="checkbox" name="hobby"/>睡觉
<input type="checkbox" name="hobby"/>打豆豆<br/>
<!-- hobby:爱好 checkbox:多选框-->
籍贯:<select>
<option>光之孤寡</option>
<option>亡者峡谷</option>
<option>奇迹暖暖</option>
</select>省
<select>
<option>迷城</option>
<option>爱城</option>
<option>虞城</option>
</select>市<br/>
<!-- select:选择 option:选项 -->
个人留言 : <!-- textarea:文本域 -->
<textarea >
</textarea><br/>
我自愿:
<ul>
<li>成为网络营销2001班级学生</li>
<li>保证出勤HTML课程</li>
<li>认真完成HTML作业</li>
</ul>
<input type="checkbox"/> <a href="https://www.baidu.com">我以阅读注册须知</a>
<input type="button" value="砍一刀"/>
<!-- button:按钮标签 value:值 -->
<input type="submit"/>
<!-- submit:提交 reset;重置-->
<input type="reset"/><br>
</form>
<div></div> <!-- div标签:盒子标签 -->
</body>
</html>
简单理解:结构写到HTML文件中,表现到CSS文件中,行为写到JavaScript文件中。
CSS:层叠样式表(Cascading Style Sheets),也叫CSS样式表,级联样式表。是一种标记语言。
用来设置HTML页面中的文本内容、图片的外形、以及版面
的布局和外观显示样式。