> 文章列表 > 【HTML】

【HTML】

【HTML】

文章目录

  • 1.DOCTYPE和lang和字符集
  • 2. 表格
  • 3.列表
  • 4.单选按钮/复选按钮
  • 5. 下拉框
  • 6.input标签的 name value id

1.DOCTYPE和lang和字符集

  • 文档类型声明,告诉浏览器使用哪种版本的HTML显示网页。
<!DOCTYPE html>
  • 定义当前文档显示的语言,en为英文,zh-CN为中文。
<html lang="en">
  • 规定HTML使用哪种编码方式
<meta charset="UTF-8">

2. 表格

    <table><tr><th></th><th></th></tr><tr><td></td><td></td></tr></table>

合并单元格
【HTML】
跨行 colspan
跨列 rowspan

3.列表

无序列表

    <ul><li>苹果</li><li></li><li>香蕉</li></ul>

【HTML】
有序列表

    <ol><li>苹果</li><li></li><li>香蕉</li></ol>

【HTML】

4.单选按钮/复选按钮

单选按钮

	<form><input type="radio" name="fruit"/>苹果<input type="radio" name="fruit"/>香蕉<input type="radio" name="fruit"/></form>

【HTML】
复选按钮

 	<form><input type="checkbox" name="traffic">自行车<input type="checkbox" name="traffic">汽车</form>

【HTML】
单选按钮/复选按钮有相同的name

5. 下拉框

    <select><option>苹果</option><option>香蕉</option><option></option></select>

【HTML】

6.input标签的 name value id

name是控件的名称
value是控件的值
id是控件的身份标志。