Html
来源：互联网 发布：淘宝app官方下载6.9 编辑：程序博客网 时间：2024/05/21 10:49
1.html :超文本标记语言,也是网页语言,所有的操作都是通过标签来实现的.可以做网页.
2.html的规范:书写格式:*以<html>开始,以</html>结束
**在<html>包括两部分:<head>设置页面信息</head>
<body>显示到页面的内容</body>
</html>
3.实现换行操作<br/>
4.字体标签<font>要操作的文字内容</font> <font>里面有两个常用属性:color;size;
*<font color=""red size="5">要操作的文字内容</font>
*设置文字颜色有三种方式:
第一种：直接使用英文单词进行表示 red green yellow......
第二种：使用十六进制数字进行表示 #ffffff，
** 通过RGB
第三种：使用RGB颜色值配置 rgb(255,0,0)
*设置文字的大小范围:1-7
5:标题标签:<h1></h1>....<h7></h7>
6:水平标签:<hr/> 可以设置属性<hr color="red" size="5"/>
7.注释表签:<!--注释的内容 -->
8:特殊字符:  可以实现空格操作
-------------------------------------------------------------------------------------------------------
1,列表标签:
<d1></d1>:定义列表范围
<dt></dt>:定义上层内容
<dd></dd>:定义下层内容
(1).有序列表标签<ol></ol>:定义列表范围
<o1> 有属性type :排序方式,其值为1 a i (代表序号) <ol type="1">
在<ol></ol>内有标签<li>封装的具体内容</li>
(2).无序标签<ul></ul> <ul>里有属性type:其值disc,circle square
-------------------------------------------------------------------------------------------------
2,图形标签:
(1).在html中显示图片
(2).标签:< img src="图片路径名称"/>
(3).属性:src:图片路径;width:图片的宽度; height:高度 border:图片的边框的粗细;alt:显示在图片上的内容
<img src="c.jpg" border="5" width="400" height="400" alt="这是熊出没"/>
-------------------------------------------------------------------------------------------------
3.超链接标签:超链接;点击打开新的内容<a href="链接到的地址值">显示在页面上的内容</a>
属性:href:链接到的地址值;target:超链接的打开方式,其里面的值:_self 当前页面打开,_blank,新标签页打开
<a href="hello.html" target="_self">显示在页面上的内容</a>
-----------------------------------------------------------------------------------------------------------------
4.表格标签:
技巧:首先数表格里面有多少行,数每行里面有多少个单元格
标签:<table></table>定义表格的范围
属性:border :设置表格线
bordercolor:设置表格线的颜色
cellspacing:设置单元格的距离
cellpadding:设置文字与单元格的距离
width:设置表格的宽度
height:设置表格的高度
a.在<table></table>标签里面表示行:<tr></tr>
属性:align:设置对齐方式,值left,center right <tr align="left">要对齐的内容</tr>
b.在<tr></tr>标签里表示列:<td></td>
属性:align:设置对齐方式,值left,center right <td align="left">要对齐的内容</td>
c.<th></th>:实现居中和加粗的效果
合并单元格:是在td 标签上进行操作;使用两个属性:rowspan:夸行;colspan:夸列 代码 <td colspan="3">统计信息3人</td>
标题标签:<caption></caption>
------------------------------------------------------------------------------------------------------------
5.表单标签:
表单:把输入的数据提交大服务器上(存到服务器上)
标签:<form></form>定义表单的范围;
属性:action:提交服务器的地址,method:提交方式两种(get/post)
代码:<form action="hello.html" method="get"></form>
输入项:要求:必须有name属性,必须有value值,输入项要写到<form>标签内
*<input type="输入项的内容">
一,普通输入项<input type="text"/> <input type="text" name="username" value="aaaa"/>
二,密码输入项<input type="password"/>
三,单选输入项<input type="radio"> 注:必须有name 属性,且值必须相同 设置默认选项是属性checked="checked"
sex: <input type="radio" name="sex" value="nan"/>男 <input type="radio" name="sex" checked="checked" value="nv"/>女
四.复选输入项<input type="checkbox"/>
五.文件输入项<input type="file"/>
六,隐藏项<input type="hidden"/>
七,普通按钮<input type="button">
<input type="button" value="普通按钮"/>
八,下拉选择输入项:<select>
<option>aaa</option>
<option>bbb</option></select>
注:使用selected="selected"默认选中
九.文本域:<textarea cols="10" row="5"></textarea>
自我描述：<textarea name="des" cols="10" rows="5"></textarea>
提交按钮和其他的按钮
提交按钮,<input type="submit"/>
重置按钮:<input type="reset"/>
----------------------------------------------------------------------------------------------------------------
其他标签:
(1),pre:原样输出
p:段落标签;
s:删除线:
u: 下划线
b：加粗
i：斜体
(2),
dir:自动换行
span:在一行进行显示
2.html的规范:书写格式:*以<html>开始,以</html>结束
**在<html>包括两部分:<head>设置页面信息</head>
<body>显示到页面的内容</body>
</html>
3.实现换行操作<br/>
4.字体标签<font>要操作的文字内容</font> <font>里面有两个常用属性:color;size;
*<font color=""red size="5">要操作的文字内容</font>
*设置文字颜色有三种方式:
第一种：直接使用英文单词进行表示 red green yellow......
第二种：使用十六进制数字进行表示 #ffffff，
** 通过RGB
第三种：使用RGB颜色值配置 rgb(255,0,0)
*设置文字的大小范围:1-7
5:标题标签:<h1></h1>....<h7></h7>
6:水平标签:<hr/> 可以设置属性<hr color="red" size="5"/>
7.注释表签:<!--注释的内容 -->
8:特殊字符:  可以实现空格操作
-------------------------------------------------------------------------------------------------------
1,列表标签:
<d1></d1>:定义列表范围
<dt></dt>:定义上层内容
<dd></dd>:定义下层内容
(1).有序列表标签<ol></ol>:定义列表范围
<o1> 有属性type :排序方式,其值为1 a i (代表序号) <ol type="1">
在<ol></ol>内有标签<li>封装的具体内容</li>
(2).无序标签<ul></ul> <ul>里有属性type:其值disc,circle square
-------------------------------------------------------------------------------------------------
2,图形标签:
(1).在html中显示图片
(2).标签:< img src="图片路径名称"/>
(3).属性:src:图片路径;width:图片的宽度; height:高度 border:图片的边框的粗细;alt:显示在图片上的内容
<img src="c.jpg" border="5" width="400" height="400" alt="这是熊出没"/>
-------------------------------------------------------------------------------------------------
3.超链接标签:超链接;点击打开新的内容<a href="链接到的地址值">显示在页面上的内容</a>
属性:href:链接到的地址值;target:超链接的打开方式,其里面的值:_self 当前页面打开,_blank,新标签页打开
<a href="hello.html" target="_self">显示在页面上的内容</a>
-----------------------------------------------------------------------------------------------------------------
4.表格标签:
技巧:首先数表格里面有多少行,数每行里面有多少个单元格
标签:<table></table>定义表格的范围
属性:border :设置表格线
bordercolor:设置表格线的颜色
cellspacing:设置单元格的距离
cellpadding:设置文字与单元格的距离
width:设置表格的宽度
height:设置表格的高度
a.在<table></table>标签里面表示行:<tr></tr>
属性:align:设置对齐方式,值left,center right <tr align="left">要对齐的内容</tr>
b.在<tr></tr>标签里表示列:<td></td>
属性:align:设置对齐方式,值left,center right <td align="left">要对齐的内容</td>
c.<th></th>:实现居中和加粗的效果
合并单元格:是在td 标签上进行操作;使用两个属性:rowspan:夸行;colspan:夸列 代码 <td colspan="3">统计信息3人</td>
标题标签:<caption></caption>
------------------------------------------------------------------------------------------------------------
5.表单标签:
表单:把输入的数据提交大服务器上(存到服务器上)
标签:<form></form>定义表单的范围;
属性:action:提交服务器的地址,method:提交方式两种(get/post)
代码:<form action="hello.html" method="get"></form>
输入项:要求:必须有name属性,必须有value值,输入项要写到<form>标签内
*<input type="输入项的内容">
一,普通输入项<input type="text"/> <input type="text" name="username" value="aaaa"/>
二,密码输入项<input type="password"/>
三,单选输入项<input type="radio"> 注:必须有name 属性,且值必须相同 设置默认选项是属性checked="checked"
sex: <input type="radio" name="sex" value="nan"/>男 <input type="radio" name="sex" checked="checked" value="nv"/>女
四.复选输入项<input type="checkbox"/>
五.文件输入项<input type="file"/>
六,隐藏项<input type="hidden"/>
七,普通按钮<input type="button">
<input type="button" value="普通按钮"/>
八,下拉选择输入项:<select>
<option>aaa</option>
<option>bbb</option></select>
注:使用selected="selected"默认选中
九.文本域:<textarea cols="10" row="5"></textarea>
自我描述：<textarea name="des" cols="10" rows="5"></textarea>
提交按钮和其他的按钮
提交按钮,<input type="submit"/>
重置按钮:<input type="reset"/>
----------------------------------------------------------------------------------------------------------------
其他标签:
(1),pre:原样输出
p:段落标签;
s:删除线:
u: 下划线
b：加粗
i：斜体
(2),
dir:自动换行
span:在一行进行显示
0 0
