伏龙阁资源网

HTML标签及基本元素学习总结
站长资源 2024/11/22 佚名
2 0

1.HTML中元素和标签
元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(<)和大于号(>)的字符串。开始标签是指以不以斜杠(/)开头的标签，其内是一串允许的属性－值对。结束标签则是以一个斜杠(/)开头的标签。如：
<body><!—开始标签-->
<font color=”read”>连接</font> <!—其中color=”read”就是属性－值对。“连接”就是内容-->
</body><!—结束标签-->

2.HTML元素的四种形式
空元素<br>
带有属性的空元素<hr color=”blue”>
带有内容的元素<title>连接</title>
带有内容和属性的元素<font color=”read”>连接</font>
综上例子

复制代码代码如下:
<html>//起始符号。如果没有浏览器也可以解析
<head>//开始文档头
<title>
My name is cauthy!//开始文档的标题
</title>//结束文档的标题
</head>//结束文档的头部
<body color="red">//开始文档体
Hello World!//浏览器显示的内容
</body>//结束文档体
</html>//结束HTML文档

注:在HTML中，属性和标签的大小写无关。属性值可以加双引号，也可以不加。

3.与段落控制相关的标签
<palign=”#”> 表示paragraph，作用：创建一个段。属性align表示段的对其方式，可以为leftright justify
<br>表示linebreak 作用：换行
<hrcolor=””>表示horizontal rule 作用：插入一条水平线，属性表示颜色可以用read green也可以用16进制的数，如#ffoooo

复制代码代码如下:
<html>
<head><title>静夜思</title></head>
<body>
<p align="center">
静夜思
<hr color="#ffoooo">
<p align="center">
床前明月光，疑是地上霜。

举头望明月，低头思故乡。
</body>
</html>//效果图

4.与文本显示相关的标签
<center>…</center>：使文本居中显示
<hn align=””>…<hn>：用于指出文档的标题，n是从1到6的整数，1表示最大的标题，属性align表示标题的对齐方式，可以为center,left right
<fontsize=”n”color=””>…</font>：用于设置字体，size表示字体大小，n可以是从1到7的整数，数字越大，显示的字越大。
<b>…</b>：设置文本成为粗体
<i>…</i>：设置文本为斜体

复制代码代码如下:
<html>
<head><title>静夜思</title></head>
<body>
<center>
<h1><fontcolor="red"><b><i>静夜思</i></b></font></h1>
李白
<hr color="#ffoooo">
<p>
<font color="blue"size=6>
床前明月光，疑是地上霜。

举头望明月，低头思故乡。</font>
</center>
</body>
</html>

5.如何输入特殊字符
在HTML文档中，像不间断空格，回车等符号，HTML的保留字，一些在键盘中不存在的字符，都需要引用的方式才能输入，在HTML中有两种引用类型：字符引用和实体引用。
字符引用和实体引用都是以一个&开始并以一个分号（;）结束。如果用的是字符引用，需要在&之后加上一个#，之后是所需要字符的十进制代码或者十六进制代码(ISO 10646字符集中的字符的编码)。如果用的是实体引用，在&之后写上字符的助记符。
在HTML中空格可以用全角的空格去输入。

6.HTML中的注释
<!--这是注释的内容-->

7.类表－建立数字编号的列表
使用<ol>和<li>标签创建带数字编号的列表。可以用type属性指定编号系统的类型，A（A,B,C），a(a,b,c),I(III III),i（i ii iii）1（1，2，3）缺省
在<ol>标签中使用start属性，设置起始的序号。
在<li>标签中使用value属性，改变列表内的编号顺序。
使用<ul>和<li>标签创建带有项目符号的列表。Ul中的type属性可以为，disc（实心的圆圈）square（实心的方块）circle（空心的圆圈）
使用<dl>和<dt>标签创建无符号的列表，使用<dd>标签替换<dt>创建缩进的列表。
在<dl>元素中同时使用<dt>和<dd>标签，建立术语列表。术语列表中的列表项由两部分组成，术语和它的说明。术语由<dt>标签指定，说明由<dd>标签指定。

复制代码代码如下:
<ol start="10"type="I">
<li>数学
<livalue="20">语文
<li>物理
</ol>
<ul type="circle">
<li>数学
<li>语文
<li>物理
</ul>
<dl >
<dt>数学
<dd>语文
<dt>物理
<dd>化学
</dl>

8.表格
表格是用<table border= n align=”” bgcolor=””>…</table>，其中border为表格的宽度，缺省为0，就是不显示表格的宽度。
<caption>…</caption>：用于定义表格的标题
<tralign=”” valign=”” >…</br>：属性align指定这一行水平方向的对其方式，可以为leftcenter right .valign指定垂直方向的对齐方式，可以为top,middle,bottom
<th>…</th>：用于定于表头
<td>…</td>：用于定义单元格

复制代码代码如下:
<html>
<head><title>表格</title></head>
<body>
<table border="5"align="center" bgcolor="bule">
<caption>考试成绩</caption>
<tr align="center"valign="middle">
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
<tr align="center"valign="middle" >
<td>80</td>
<td>70</td>
<td>60</td>
<tr align="center"valign="middle" >
<td>60</td>
<td>70</td>
<td>80</td>
</table>
</body>
</html>

9.表单的创建
<form method=”get or post ”action=”URL”>：属性method指定向服务器发送数据时使用的HTTP方法，可以是get或者post方法。Get是缺省的方法，当采用get方法提交表单时，提交的数据被附加到URL(在属性action中指定)的末端，作为URL的一部分发送到服务器，例如，我们制定action为reg.asp，当提交表单后，在浏览器的地址中，我们将看到，http://localhost:8080/reg.asp?user=zhangsan&pwd=1234
Post方法是将菜单中的信息作为一个数据块发送到服务器，无论采用哪一种方法，数据的编码都是相同的，格式为:name1=value1&name2=value2
属性action制定对表单进行处理的脚本的地址，也就是说，表单提交到服务器后，交由谁来处理，在action中指定处理者的URL.
<inputtype=””name=””size=””value=””>：其中type指定要创建的控件的类型。属性name用来指定控件的名称，处理表单的服务器端脚本可以获得以名称－值对所表示的表单数据，利用名称，可以取出对应的值。Name属性在表单中并不显示，属性size用来制定表单中控件的初始宽度。属性value制定控件的初始值。
单行文本输入控件(type=”text”) 提交按钮(type=”submit”)
重置按钮(type=”rest”) 口令输入控件(type=”password”)
单选按钮(type=”radio”) 复选框(type=”checkbox”) 隐藏控件(type=”hidden”)
创建多行文本输入<textarea name=”” rows=””cols=”” >…</textarea>
下面例子用表格控制表单

复制代码代码如下:
<html>
<head><title>表单</title></head>
<body>
<form method="get"action="reg.jsp">
<table border="0">
<tr valign="middle"></tr>
<td>用户名：</td>
<td><inputtype="text" size="20" name ="user"></td>
<tr align="left"valign="middle"></tr>
<td>密码：</td>
<td><inputtype="password"></td>
<tr align="left"valign="middle"> </tr>
<td>兴趣</td>
<td><inputtype="checkbox"name="interest" value="football">足球
<input type="checkbox"name="interest"value="basketball">篮球
</td>
<tr align="left"valign="middle"></tr>
<td>性别</td>
<td><inputtype="radio" name="sex"checked value="1">男
<input type="radio"name="sex" value="0">女
</td>
</select></td>
<tr align="left"valign="middle"></tr>
<tdvalign="top">个人简介：</td>
<td><textareaname="personal" rols="5" cols="20">个人简介</textarea>
</td>
<tr align="left"valign="middle"></tr>
<td></td>
<td><inputtype="hidden"value="001" name="id"></td>
<tr align="left"valign="middle"></tr>
<td></td>
<td><inputtype="reset" value="重置"><inputtype="submit" value="提交"></td>
</table>
</form>
</body>
</html>

10.超链接

复制代码代码如下:
<a href =”URL”>…链接的文字</a>
<a href=”form.html”>当前的目录</a>
<ahref=../”form.html”>当前的目录的上一层目录</a>
<ahref=”E://form.html”>绝对路径</a>
<ahref=”http://www.baidu.com”>万维网地址</a>

11.嵌入图像

复制代码代码如下:
<imag src=”URL” width=”” height=””>

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接