HTML标签
HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成部分。
html标签的分类:
单标记、双标记
双标记(常规标记): <标签 属性="属性值" 属性="属性值"> <标签>
单标记(空标记): <标签 属性="属性值">
特点:
1、由尖括号包围关键词,如
2、通常是成对出现的,也有单独呈现的标签,如:
等。
3、标签对中的第一个标签是开始标签,第二个标签是结束标签;
4、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如
文本标题标签: h1 - h6 特点:有默认样式:文本会加粗、字号不一样 h1标签是比较特殊的:唯一性。在单独页面中只能出现一次,放网站logo h2-h6:板块的标题、一段叙述性文本的标题。。。 需要注意的问题:h1-h6 不能互相嵌套 文本的加粗和文本的倾斜: 加粗: 语义化:表示强调 倾斜: 下划线、水平线、换行符: 下划线: 水平线:
换行符:
段落标记: p标签是不能进行相互嵌套的 p标签里不能嵌套标题标签(h1-h6)
span标签: 表示一个字符,或者 某一小段文本
转义字符: 不换行的空格 < < > > © 备案图标 ? 块|容器标签: div 作用:划分网页结构。 列表: 1、无序列表:
2、 有序列表:
3、自定义列表:
target="" 属性值: _self: 默认值,在当前窗口打开 _blank: 新建一个窗口,打开目标地址
rel="nofollow" //不让爬虫进行收录
title="" //做提示信息。(鼠标放在链接上不动,显示信息) 不仅仅使用在a标签上,大部分都支持
超链接默认的样式:字体为蓝色且有下划线。 图片: img: 属性: src="图片的url" 必须存在的属性 alt="" 必须存在的属性 作用:a:文本替换图片(当图片加载不出来的时候,显示alt里面的文本) b:搜索引擎检测不到图片里面的文本。会查找alt里面的文本 (seo优化) title="" : 作用:a:提示文本 b:当作图片的小标题 width="" 图片的宽 height-"" 图片的高 border="" 给图片添加边框 表格: 作用:显示数据 表格标签: table 表格 tr 行 td 列
表格属性: width="" 宽(table上添加,就是整个表格的宽。如果添加在td上就是每列的宽) height="" 高(同理) border="" 添加边框 bordercolor="" 边框颜色 cellpadding="" 内容与边框的间距 cellspacing="" 边框与边框之间的间距 align=" " 水平对齐方式 属性值:left center right valign="" 垂直对齐方式 属性值:top middle botttom
单元格的合并: 只要跨行:都是合并行 如果没有跨行:都是合并列
行合并:rowspan="合并的单元格的数量" 列合并:colspan="合并的单元格的数量"
注:无论合并行还是合并列,都是给td添加属性,和谁合并就删谁 表单: 表单的作用:收集数据(收集用户信息)
表单放在form标签里。 属性: action="" 接口(表单提交的路径) method="get/post" 数据提交的方法。 name="" 表单的名称
表单控件: 大部分通过input标签来实现 input 的属性 type="" 控制input显示类型(输入框、按钮、提交按钮、单选按钮) value="" 根据type类型的不同,作用也不一样 value在文本框的作用:提示信息、记录文本框的值 value属性在按钮里的作用:更改按钮的文本
name="" 表单控件的名称 maxlength="" 能输入的最大长度 size="" 控件的大小(以字符为单位)
文本框(输入框): 密码框: 空按钮: 重置按钮: 提交按钮:(提交到action的路径)
标题
和 。 5、网页的内容需在标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在标签中,而网页需展示的内容需嵌套在标签中。 接下来说一些常用的标签及其用法:文本标题标签: h1 - h6 特点:有默认样式:文本会加粗、字号不一样 h1标签是比较特殊的:唯一性。在单独页面中只能出现一次,放网站logo h2-h6:板块的标题、一段叙述性文本的标题。。。 需要注意的问题:h1-h6 不能互相嵌套 文本的加粗和文本的倾斜: 加粗: 语义化:表示强调 倾斜: 下划线、水平线、换行符: 下划线: 水平线:
换行符:
段落标记: p标签是不能进行相互嵌套的 p标签里不能嵌套标题标签(h1-h6)
span标签: 表示一个字符,或者 某一小段文本
转义字符: 不换行的空格 < < > > © 备案图标 ? 块|容器标签: div 作用:划分网页结构。 列表: 1、无序列表:
2、 有序列表:
3、自定义列表:
target="" 属性值: _self: 默认值,在当前窗口打开 _blank: 新建一个窗口,打开目标地址
rel="nofollow" //不让爬虫进行收录
title="" //做提示信息。(鼠标放在链接上不动,显示信息) 不仅仅使用在a标签上,大部分都支持
超链接默认的样式:字体为蓝色且有下划线。 图片: img: 属性: src="图片的url" 必须存在的属性 alt="" 必须存在的属性 作用:a:文本替换图片(当图片加载不出来的时候,显示alt里面的文本) b:搜索引擎检测不到图片里面的文本。会查找alt里面的文本 (seo优化) title="" : 作用:a:提示文本 b:当作图片的小标题 width="" 图片的宽 height-"" 图片的高 border="" 给图片添加边框 表格: 作用:显示数据 表格标签: table 表格 tr 行 td 列
表格属性: width="" 宽(table上添加,就是整个表格的宽。如果添加在td上就是每列的宽) height="" 高(同理) border="" 添加边框 bordercolor="" 边框颜色 cellpadding="" 内容与边框的间距 cellspacing="" 边框与边框之间的间距 align=" " 水平对齐方式 属性值:left center right valign="" 垂直对齐方式 属性值:top middle botttom
单元格的合并: 只要跨行:都是合并行 如果没有跨行:都是合并列
行合并:rowspan="合并的单元格的数量" 列合并:colspan="合并的单元格的数量"
注:无论合并行还是合并列,都是给td添加属性,和谁合并就删谁 表单: 表单的作用:收集数据(收集用户信息)
表单放在form标签里。 属性: action="" 接口(表单提交的路径) method="get/post" 数据提交的方法。 name="" 表单的名称
表单控件: 大部分通过input标签来实现 input 的属性 type="" 控制input显示类型(输入框、按钮、提交按钮、单选按钮) value="" 根据type类型的不同,作用也不一样 value在文本框的作用:提示信息、记录文本框的值 value属性在按钮里的作用:更改按钮的文本
name="" 表单控件的名称 maxlength="" 能输入的最大长度 size="" 控件的大小(以字符为单位)
文本框(输入框): 密码框: 空按钮: 重置按钮: 提交按钮:(提交到action的路径)