HTML:超级文本标记语言
作用:用来制作网页,可以控制网页元素的显示方式
网页:
- 静态网页:当我们编写完页面之后,页面是固定不变的
- 动态网页:由程序生成的页面,通过读取的数据的不同,可以生成不同的页面
HTML常用的标签:
- 注释标签:
<!-- 注释的内容 -->
- 段落标签:
<h1> </h1> to <h6> </h6>
以上的标签的作用是将标签的内容显示为标题的样式,每一个标签的内容,默认的自己单独占一行
属性:align:控制标签显示的位置
align取值:
center:在一行的中间显示
left:在一行的左侧显示 默认的显示方式
right:在一行的右侧显示
<p> </p>将显示的内容当做一个段落进行处理,段落和段落之间或自动隔一个空行
属性:align:控制标签显示的位置
align取值:
center:在一行的中间显示
left:在一行的左侧显示 默认的显示方式
right:在一行的右侧显示
- 其他标签:
文本框:<input type="text"/>
<b> </b>:将内容按照粗体的方式进行显示
<i> </i>:将内容按照斜体的方式进行显示
<u> </u>:将内容加下划线
<ul> </ul>:无序列表
<li> </li>:有序列表
<br/>:换行标签
<del> </del>:按照删除文本的格式显示内容
<hr/>:定义水平线
<sub> </sub>:将内容按照下角标的形式进行显示
<sup> </sup>:将内容按照上角标的形式进行显示
<img/>:定义图像
必须的属性:
src:代表图片的路径,可以是相对路径、绝对路径、网络路径
alt:当图片无法被显示的时候,需要显示的文本
可选的属性:
align:规定如何根据周围的文本来排列图像
border:设置图片的边框的宽度
width:设置图片的宽度
height:设置图片的高度
常用的宽高的单位:px或dp
- 表格标签:
<table> </table>
常用的属性:
align:排列表格的位置
bgcolor:规定表格的背景颜色
border:设置表格的边框
cellpadding:设置单元格边框与文字的距离
cellspacing:设置单元格之间的距离
width:设置表格的宽度
表格中的行:
<tr> </tr>
常用的属性:
align:定义单元格中的文本排列
bgcolor:规定此行的背景颜色
valign:规定单元格中文本的垂直排列方式
单元格:
<td> </td>
常用的属性:
align:规定单元格内容的水平排列方式
bgcolor:规定单元格的背景颜色
width:设置单元格的宽度
height:设置单元格的高度
colspan:设置单元格所跨的列数
rowspan:设置单元格所跨的行数
- HTML中颜色三种表示方式
颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成
16进制代码:bgcolor=#ff0000;
rgb(r,g,b):rgb(255,0,0)或rgb(100%,0%,0%)
颜色关键字:bgcolor=red - 超链接标签:
<a> </a>
作用:1.让当前页面跳转到另外的一个页面
2.定位到当前页面的某一个位置或者是另外一个页面的某一个位置
常用的属性:
href:用来指定当前页面跳转到哪一个页面或者是定位到什么位置
取值:网络地址 绝对路径 相对路径
target:设置在什么位置打开新的页面
取值:_blank:在一个新的未命名的窗口载入文档
_self:在相同的框架或窗口中载入目标文档
_parent:把文档载入父窗口或包含了超链接引用的框架的框架集
_top:把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架
- 表单标签:
<form></form>
常用的属性:
action:设置当前的表单数据提交给哪一个页面
method:设置使用哪种请求进行提交,设置HTTP请求的方式
GET:属于明文提交的请求方式,所有的提交的数据全部都显示在URL地址栏内
数据不安全,由于URL地址栏显示的内容有限,所以不能提交大数据
POST:属于暗文提交的请求方式,会将所有的请求数据全部封装在HTTP请求正文中
数据安全性较好,可以提交大数据
- 框架标签
<frameset> </frameset>
可用来定义一个框架集,它被用来组织多个窗口(框架)
注意:不能与<frameset> </frameset>表情一起使用<body></body>标签
如果需要为不支持框架的浏览器添加一个<noframes>标签,将此标签放置在<body></body>标签中
可选的属性:
cols:定义框架集中列的数目和尺寸
rows:定义框架集中行的数目和尺寸
<frame/>元素的常用属性:
name:指定框架的名称
src:指定该框架放置的初始文件的位置
noresize:框架窗口的大小不能调整
scrolling:指定框架窗口的滚动模式
auto-在需要时提供滚动模式
yes-始终提供滚动模式
no-不为窗口提供滚动条
frameborder:设置框架的边框
Marginwidth:指定框架内容的左右边距
Marginheight:指定框架内容的上下边距