列表标签分为:无序列表、有序列表、定义列表。
无序列表:ul嵌套li,ul是无序列表,li是列表条目。(ul只能包裹li,li可以包裹任何内容。)
有序列表:ol嵌套li,ol是无序列表,li是列表条目。(ol只能包裹li,li可以包裹任何内容。)
定义列表:dl嵌套和dd,dl是定义列表,dt是标题,dd是描述详情。
表格标签:table嵌套tr,tr嵌套td/th。
表格默认没有边框线,border属性为表格添加边框线。
(table:表格 tr:行 th:表头单元格 td:内容单元格)
合并单元格 | 跨行合并 | 保留最上单元格,添加rowspan属性 |
跨列合并 | 保留最左单元格,添加colspan属性 |
注:rowspan和colspan取值是数字,合并几行,属性后面就写几个。
表单标签:input标签,type属性不同,则功能不同。 格式:<input type=” ”>
文本框:<input type=”text” >
密码框:<input type=”password ” placeholde=” 内容”>
placeholde 用于提示输入内容。
单选框:性别:<input type=”radio ” name=”gender”>男
<input type=”radio ” name=”gender” cheched>女
其中,name用于识别同类型选项,checheed为默认选项。
多选框:<input type=”checkbox” > 同理:checheed为默认选项。
上传文件:<input type=”file” >
上传多个文件:<input type=”file” nultiple >
下拉菜单:select嵌套option,select是下拉菜单整体,option是下拉菜单每一项。
例: 城市:
<select>
<option>北京<option>
<option>上海<option>
<option selected>武汉<option> 其中,selected为默认选中,如果没有默认选中,则第一<select> 排为系统默认选中内容。
按钮——button
<button type=”属性”></button>
属性: button按钮 submit提交 reset重置按钮(需要配合forname双标签包裹起来)
Lable标签——增大点击范围
写法一:<input type=”radio” name=”gender” id=”man”><label for=”man”>男</label>
表单控制id属性值与label中for属性值相同。
写法二:<label> <input type=”radio” name=”gender”></label>
无语义的布局标签:布局网页
div独占一行(双标签)<div> </div>
span不换行(双标签)<span> </span>
实体符号:
空格( ;) 小于号(<;) 大于号(>;)