HTML标签:
HTML标记标签通常被称为HTML标签(HTML tag)。<br /> 标签格式:HTML标签是由尖括号包围的关键词,例如 <html>。<br /> 标签分类:HTML标签分为单标签、双标签。<br />双标签的构成:<开始标签(开放标签) 属性="属性值"> 内容 </结束标签(闭合标签)><br />单标签的构成:<结束标签(闭合标签) 属性="属性值"/>
HTML元素:
每个标签都是一种元素,每个标签都是一种元素,不同的元素在页面中的默认属性不同。
元素分类:汉元素,块元素,行内块元素。
空元素:某些元素中具有空元素(empty content),空元素是在开始标签中进行关闭的。
#常用标签
- 标题标签
~
块 来定义标题(heading)。
默认样式:h1里的内容最大,h6里的内容最小,并带有margin。
- 分隔线标签
块 水平分割线。
默认样式:宽度为父元素100%,高度为0,1px的border(上边加下边共2px高),8px的上下margin。
- 段落标签
块 唯一的 块 文本元素
默认样式:文本大小16px,margin的值等于字体的大小。
- 标准块元素
块
默认样式:宽度为父元素100%,高度靠内容撑出。
- 标准文本标签
行内
默认样式:默认字体大小16px。靠内容撑出宽高。
#文本格式化标签
加粗文本 无意义
粗体文本 强调强调意义,用于表示文本的重要性。
斜体文本 无意义
斜体文本 强调强调意义,用于表示文本的重要性。 删除线文本 无意义 删除线文本 强调删除意义,用于表示被遗弃的内容。
插入文本 添加下划线
插入文本 强调添加意义,用于表示新增的内容。
上标
下标
小号文本,默认字体大小13.3333
*All inline elements**
#计算机输出标签 行内 短语标签 小字体 用来定义计算机代码片段。
行内 键盘码 定义键盘码
行内 计算机代码演示 计算机代码样式
行内 变量 定义变量
- 图片插入标签
,
行内 在页面中插入图片
- src属性:图片的路径。src=" **./** xxx" 同级文件夹 src="**../**xxx"父级目录 src="**../../**xxx"爷爷级目录
- alt属性: 图片输出格式(图片加载失败时显示)。
- title属性:图片标题。鼠标移入图片内显示标题内容。
- 超链接标签
点击标签内容,跳转到设定的位置。未添加herf属性时是普通文本标签,称为“链接占位符”。
- herf(Hypertext Reference)属性:设置链接地址 或 "#"占位符。
- target属性:设置网页的打开方式,默认为本页跳转。target="_blank"新建窗口打开。
*小知识:
国内网站通常设置新窗口打开。
美国网站通常设置本页跳转。
原因:
1.用户习惯。
2.商业考虑
3.硬件问题和环境不同。
4.web技术开发早晚不同。
5.服务器额压力考虑。
#html语义化标签
根据内容的结构(内容语义化),选择合适的标签(代码语义化)。
作用:便于开发者阅读和写出更优雅的代码。
优点:
- 在没有css的情况下,页面也能呈现出好的结构,代码结构;
- 代码结构清晰,方便阅读,方便团队合作开发,方便浏览器的爬虫和机器很好的解析;
- 方便搜索引擎识别页面结构,有利于SEO(搜索引擎优化);
- 方便其他设备解析(例:屏幕浏览器,盲人阅读器,移动设备)以语义化的方式渲染网页。
- 标记导航
标记导航,仅对页面中重要的链接群使用。
页面的主要内容,只能使用一次。如果WEB应用,则包围其主要功能。
区段,定义文档中的节。比如:章节,页眉,页脚或文档中其他部分。
页脚,只有当父元素为body时才是整个页面的页脚。
定义一篇独立的文章,与页面其它部分无关。
定义侧边栏,通常时网页的说明、提示、引用、附加注释、相关链接、广告等内容
#列表&表单&表格
- 列表:
: 定义列表的项
默认样式:top-margin=font-size; bottom-margin=font-size; left-padding: 40px;
序号为圆点,可以通过css样式改变。
: 定义列表的项
默认样式:top-margin=font-size; bottom-margin=font-size; left-padding: 40px;
type属性 : 列表序号的类型。
1 2 3…:阿拉伯数字
a b c… : 小写英文字母
A B C… : 大写英文字母
i ii iii… : 小写罗马数字
I II III… : 大写罗马数字
: 定义列表的项
: 定义列表的描述 (默认有40px的left-margin)
- 表格:
定义表格的标题 默认格式:文本加粗且居中。
定义表格的表头
定义表格的主体部分
表格的行
表格表头的单元格
<t**d> 定义表格的标准单元格
- 表单:
用于创建表单
action属性:当提交form表单时将表单的内容发往何处。
定义输入框,按钮等。
type属性:定义input的类型,属性值不同对应的input功能和样式都会改变。
