HTML网页

目录

一、HTML网页主体结构

html为根标签

head为头部标签

body为主体标签

二、列表

有序列表:ol-li

无序列表:ul-li

三、表格

table标签:表格

tr标签:行

th标签:列 -- 内容为标题

td标签:列 -- 内容为文本内容

四、表单

form:表单

input:

select:下拉框

---

一、HTML网页主体结构

html为根标签

head为头部标签

• title为页面标题标签

body为主体标签

• h1~h6为标题标签，数字越大字体越小
• p为段落标签,br为换行标签,&nbsp为空格
• img为图片标签，属性：src为图片路径，
• width为图片宽度，
• height为图片高度
• 当图片只修改高度或者宽度其中之一，图片会随着比例而改变
• a为超链接标签，属性：href为跳转链接路径，
• 如需跳转外部服务器，需要加上http或者https
• name属性为定位属性
• href属性值为#name属性值代表定位对应的name属性的a标签
• 成双成对出现的标签：html,head,body,h1~h6,title,p,a
• 单标签：img,br
• 自带换行符(块级标签):h1~h6,p,ul,ol,li,input
• 不带换行符(行级标签):img,a,option,select

二、列表

有序列表:ol-li

• 默认为阿拉伯数字，可以通过ol标签的type属性改变标记
• 属性值1为阿拉伯数字
• 属性值A/a为大写/小写英文字母
• 属性值I/i为大写/小写罗马数字

无序列表:ul-li

• 默认一级标记为实心圆,默认二级标记为空心圆
• 通过ul标签的type属性改变标记
• 属性值circle为空心圆
• 属性值square为实心方形
• 自定义列表:没有标记
• dl为父标签
• dt为一级标签
• dd为二级标签

三、表格

table标签:表格

• border属性为外边框的粗细，单元格需要边框就必须添加border属性但是大小不影响
• cellspacing属性为单元格与单元格的间距
• cellpadding属性为内容与单元格的间距

tr标签:行

th标签:列 -- 内容为标题

td标签:列 -- 内容为文本内容

        rowspan:行合并 -- 内容会上下居中

        colspan:列合并 -- 内容不会左右居中

        被合并的单元格需要删除

四、表单

form:表单

        action：属性值为表单提交服务器的路径

        表单内容会以name=value形式通过点击提交按钮进行数据提交

input:

• type="text"为文本输入框,value属性为默认值,placeholder属性为提示语句
• type="password"为加密文本输入框
• type="radio"为单选框,
• 同一个name属性值为同一类,同一类单选框只能选一个
• type="checkbox"为多选框,
• 同一个name属性值为同一类,同一类多选框可以选多个
• checked="checked"为单选和多选的默认选项
• type="submit"为提交按钮,提交表单内容
• 提交地址由form表单的action属性值决定
• value为按钮的显示文字
• type="reset"为重置按钮,重置表单信息
• type="button"为无功能按钮

select:下拉框

• name属性值为提交数据的name
• selected="selected"为默认选中状态