2021/6/7 html基础完成记忆

‘‘‘一、HTML协议 超文本标记语言 用于与浏览器进行交互的语言，相当于传递给浏览器的指令二、HTML小知识必学 1. html注释 单行注释、多行注释都使用 2. 最基本的html文档结构 浏览器窗口名称 3. HTML标签分类 1）分类方式1 单标签，无需输入文本内容 双标签，增加文本内容的输入 2）分类方式2 块级标签 p、div、h1-h6 标签本身占据一行的布局，可以使用width、height来控制 块级标签可以继续嵌套块级、行内标签 行内标签 b i u s span img 标签本身不占据布局，根据标签内的文本内容才会占据布局空间 行内标签只能嵌套行内标签 4. 标签的语法 5. 通用属性 id 设置标签在html页面的唯一id class 设置标签的css样式名 style 设置该标签的css样式 title 设置标签的额外信息，作为工具条使用 input使用 --> for="id值" 将当前标签绑定id值的标签，当点击本标签时，触发id值的标签 6. 自定义属性 三、head内常用标签 name="keywords"/"keyword" content="关键字,..." name="description" content="描述信息" http-equiv="content-type" content="text/html" http-equiv="refresh" content="second;url=" http-equiv="e-na-compatible" content="IE=edge" charset="UTF-8" 内部书写css代码 内部书写js代码 window.onload = function(){ js代码 } src="http://www.soscw.com/url" 窗口名称四、body内常用标签 1. 基本标签 加粗 斜体 下划线 删除线 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 段落 回车 水平分割线 2. 特殊字符   空格 & & © 版权 ® 注册 > 大于 ≥ 大于等于 < 小于 ≤ 小于等于 ≠ 不等于 3. div和span div是块级标签，用于html代码排版，以及统一设置的 span是行内标签，用于在div内部进行细节排版 4. img PS：width和height是用来设置图片的宽和高的，单位px，对于图片只需选择其中一个属性设置，另外一个属性就会等比例 进行调整，如果非要同时用上两个属性，那么图片有可能会出现比例失调造成的失真现象 5. a a标签用于跳转页面操作 URL： 绝对URL：以网页或者服务器根目录的绝对路径 相对URL：以站点目录为根的想对路径 锚URL：href="" 跳转到当前页面的id值的标签 _blank：生成新窗口跳转 _self：在当前窗口显示 6. 列表 无序列表 disc 实心圆点，默认 circle 空心圆点 square 实心方块 none 无样式 ... 有序列表 ... type=1/A/a/I/i 默认1 start=设置开始 标题列表 标题 内容 7. 表格 table border cellpadding cellspacing width height th/td rowspan colspan table thead tr th tbody tr td 8. 表单 form action=‘‘ target=‘_self‘ method=‘get/post‘ enctype=‘application/x-www-form-urlencoded‘ ‘multipart/form-data‘ name novalidate autocomplete=‘no‘ accept-charset=‘gbk‘ label for=input_id input type text password date hidden checkbox radio submit reset button name checked disabled readonly value 1. 对于输入框，设置默认值 2. 对于提交按钮，设置按钮名称 3. 对于选择框，设置选项名称 placeholder=‘提示文本‘ textarea 多行文本 name=‘‘ rows=‘‘ cols=‘‘ id=‘‘ select 下拉框 optgroup label option name=‘‘ multiple多选 selected disabled mutile多选‘‘‘