标题与段落
标题 --> <h1></h1>、<h2></h2>......<h6></h6>css
h1到h6,字体从大到小,加粗;h1标题最重要,而且在一个网页中只能出现一次html
h五、h6标签在网页中不常常使用。 布局
段落 --> <p></p>字体
文字修饰符标签
强调 <strong></strong> 加粗 强调性更强spa
<em></em> 斜体 强调性较 strong 弱orm
下标 <sub></sub>htm
上标 <sup></sup>blog
删除文本 <del></del>图片
插入文本 <ins></ins>ip
图片标签与图片属性
<img src="" alt="" title="" width="" height="">
src : 引入图片的地址
alt : 图片地址出错时,显示一段友好的提示
title : 鼠标停留在图片上时出现的提示信息
width : 图片的宽度
height : 图片的高度
引入文件的地址路径
相对路径
. 在路径中表示当前路径
.. 在路径中表示上一级路径
绝对路径
F:/img/animal.jpg
https://f11.baidu.com/it/u=3090953925,787614683&fm=72
跳转连接
<a href="" target=""></a>
href 连接的地址
target 能够打开连接打开的方式,默认状况下在当前页面打开 _self,在新窗口打开 _blank
一个网页的连接都想让在一个新窗口打开,应该怎么办?
在 head 标签里加入 <base target="_blank">
跳转锚点
方式一: <a href="#html">跳到标签属性id值为html的位置</a>
<h2 id="html"></h2>
方式二: <a href="#css">跳到标签属性name值为css的位置</a>
<a name="css"></a>
特殊符号
列表标签
无序列表
ul li 列表的最外层容器、列表项
注:ul和li必须是组合出现的,他们之间是不能有其余标签的
type属性:改变前面标记的样式( 通常都是用CSS去控制 ) circle square disc
( https://www.w3school.com.cn/tags/att_ul_type.asp )
有序列表
<ol> 、<li>:列表的最外层容器、列表项
注:有序列表用的很是少,常常用的是无序列表,无序列表能够去代替有序列表。
type属性:改变前面标记的样式( 通常都是用CSS去控制 )
( http://www.w3school.com.cn/tags/att_ol_type.asp )
定义列表
<dl> : 定义列表
<dt> : 定义专业术语或名词
<dd> : 对名词进行解释和描述
嵌套列表
列表之间能够互相嵌套造成多层级列表。
表格标签
<table> : 表格的最外层容器
<tr> : 定义表格行
<th> : 定义表头
<td> : 定义表格单元
<caption> : 定义表格标题
注: 之间是有嵌套关系的,要符合嵌套规范。
语义化标签:<tHead> <tBody> <tFood>
注: 在一个table中,thead 、 tfood 是只能出一次,tbody 是能够出现屡次的
表格属性
border 表格边框
cellpadding 单元格内的空间
cellspacing 单元格之间的空间
rowspan 合并行
colspan 合并列
align 左右对齐方式
valign 上下对齐方式
表单标签
<form> : 表单的最外层容器
<input> : 标签用于搜集用户信息,根据不一样的type属性值,展现不一样的控件,如输入框、密码框、复选框等。
type属性 含义
text 普通的文本输入框
password 密码输入框
checkbox 复选框
radio 单选框
file 上传文件
submit 提交按钮
reset 重复按钮
<textarea> : 多行文本
<select size="" multiple>
<option selected disabled>
<label>
<label> 辅助表单
表格表单组合
表格表单之间能够互相组合造成数据展现效果。
div 与 span
div全称为 division,“分割、分区”的意思,div标签用来划分一个区域,至关于一块区域容器,能够容纳段落、标题、表格、图像等各类网页元素。即 HTML 中大多数的标签均可以嵌套在div标签中,div中能够嵌套多层div,用来将网页分割成独立、不一样的部分,来实现网页的规划和布局。
span(内联):用来修饰文字的,div与span都是没有任何默认样式的,须要配合css才行。