html总概述

来源:互联网 发布:植美村面膜怎么样知乎 编辑:程序博客网 时间:2024/04/29 17:49
HTMl:超文本的标签语言:就是用标签的方式来描述数据的

html的标签:分为两部分:
1.块级标签:就是前后自带一行
块级标签又分为两类:
基本的块级标签:就是直接可以用来描述数据的
1.标题标签:<h1>~<h6>
2.段落标签:<p>标签
3.水平线标签:<hr/>
布局的块级标签:
1.有序列表:<ol><li>
2.无序列表:<ul><li>
3.定义描述标签:<dl><dt><dd>
4.表格:<table>
<tr>
<td></td>
</tr>
td有两个属性:跨行(rowspan)和跨列(colspan)
表单标签:<form>作用是客户端与服务器端传送数据的窗口
form标签的两个属性:
action指表单要提交到的地址
method指表单提交的方式:get/post
常用的表单元素:
文本框:text
密码框:password
单选按钮:radio
复选框:checkbox
下拉列表框:select,option
文本域:textarea
文件域:file
提交表单的按钮:submit
清空表单值的按钮:reset
普通按钮:button
图片的按钮:image
隐藏域:
只有几个特殊的表单需要特殊记忆,
select,textarea
其他的都是input标签,由type属性值来决定是什么表单元素
有几个常用表单元素的属性需要特殊记忆:
1.readonly:表示只读
2.disable:表示禁用
3.selected:下拉列表框默认选中项
4.checked:表示设置单选和复选的默认选中项
5.name:表示在服务器端可以通过该属性来获得表单元素的值
6.id:在前端可以通过该属性值找到指定的表单元素对象


2.行级标签:会按照正常的文档流从上到下,从左到右,就是没有自带换行
常用的行标签:
img:图像标签,src的属性指定图片的路径,通常写相对路径
br:换行标签,类似于水平线标签,开始和结束标签在一起
a:超链接标签,可以打开链接的地址,通过href属性来指定打开的地址
  target属性来指定打开的方式
 超链接分为:
1.页面之间的链接
<a href="另一个页面的地址" targer="_self">百度</a>
2.锚链接
分为同一个页面之间的锚链接和不同页面之间的锚链接
同一个页面步骤:
标记处:<a name="标记"></a>
回到标记处:<a href="#标记名">回到标记处</a>
不同页面的步骤:
b页面的标记处:<a name="标记名"></a>
从a页面跳到b页面的标记处:<a href="b.html#标记名">回到标记处</a>
3.功能性链接
1 0
原创粉丝点击