【Web开发】HTML

来源：互联网发布：重置电脑网络配置命令编辑：程序博客网时间：2024/06/14 02:26

一、HTML语法

1.1 文档结构

html中不区分大小写。

<html><head><title></title><meta>......</head><body>……</body></html>

1.2 <head>标签

在<head>标签中可以添加如下标签

<head><title></title><meta></meta><style></style><script></script></head>

<title>标签：设置标题

1.3 <body>标签

1.3.1 横线<hr>

<hr size="" width="" color=""> , size表示长度，width表示宽度,color表示颜色（16进制RGB数或预定义色）

1.3.2 超级链接<a>

<a href="" target=""></a>, href表示url，target表示目标窗口，取值可以有如下几种：

_blank：表示新开启一个浏览器窗口

_self：默认设置，在当前窗口显示

_parent：表示在当前窗口的直接父窗口显示

_top：在最顶层窗口进行显示

target属性值可以直接赋值帧的名称(Frame标签中进行说明）

1.3.3 标题<h1~6>标签

数值越小字体越大，标题显示为黑体字

1.3.4 字体<font>标签

<font size="" color=""></font>,size可以直接是数值，color为颜色

1.3.5 文字设置标签

1.3.6 特殊字符

< 表示<

> 表示>

& 表示&

  表示空格

" 表示"

1.3.7 文字布局标签

<div></div>,<span></span>，用于文字的分区显示

<ul><li>...</ul>，表示无序号列表

<ol><li>...</ol>，表示有序号列表

<p>，表示回车换行

<br>，表示换行

<pre>...</pre>，表示保留原始格式

1.3.8 图片<img>标签

src表示图片路径，alt表示当鼠标放在图片上显示提示信息，width表示宽度，height表示高度

1.3.9 表单<form>标签

......

</form>

action表示提交页面，method取值可以为get或post，get请求一般发送的数据大小有限制，表单中的数据会显示在url后面；而post方式不存在发送数据大小的限制。type可以取值为text/password/checkbox/radio/hidden等等,name为输入域的名字。

1.3.10 文字输入

id，表示惟一标识

name，表示名称

value，表示值

size，表示长度

maxlength，表示最大长度

1.3.11 密码输入

属性与text基本一致。

1.3.12 复选框

checked，表示选中的checkbox

其他属性基本与text描述一致

1.3.13 单选框

属性描述与复选框基本一致

1.3.14 列表框

</select>

mutiple，表示可以实现多选的列表框

<option>，表示列表框可以选择的项

value，表示列表框中的值

selected，指定哪一项被选中

1.3.15 文本区域<textarea>标签

rows表示行数，cols表示列数

1.3.16 按钮

当type取值为button或submit或reset或image时表示按钮

button，点击按钮可以提交数据，一般适合于表单中有多个button

submit，点击按钮将该form中的信息提交

reset，点击按钮将form中信息重置

image，可以点击图片提交。

1.3.17 隐藏表单hidden

隐含域和正常输入域一样，只是不会将数据显示到页面上，这些数据大部分用于控制

1.3.18 表格

<tr>

</td>

</tr>

</table>

border，表示表格边框尺寸

width，表示表格宽度，可以使用百分比或数值

align，对齐方式，left/rigth/center

<tr>，表示行

<td>，表示列

colspan表示跨多列

1.3.19 框架

窗口中正常情况下只能显示一个网页，采用帧可以将窗口分隔出多个窗口，每个窗口对应一个html文件

注意不能有body标签

</frameset>

target属性值可以直接使用帧的名称

1.3.20 隐含帧

隐含帧使用的标签为<iframe>，隐含帧不需要放到<frameset>标签中，使用隐含帧可以实现网页局部数据显示的滚动和局部数据刷新。

二、Html的参考文档

目前个人接触到最新的HTML版本是HTML5，其中增加了许多标签，另外html中还有dom编程、事件处理等内容，涉及到的内容较多，需要查找具体相关文档来进行操作。

dom编程：http://pan.baidu.com/s/1sj2fiFV

html chm文档：http://pan.baidu.com/s/1o6mCngu

html5 参考文档：http://pan.baidu.com/s/1lEJPO

视频教程可以参考动力节点王勇老师的HTML讲解，我觉得对我还是比较合适的。

0 0