【HTML概述】：
HTML是一种超文本标记语言，主要用来制作页面(静态页面)。
【HTML的使用】
HTML文件的创建
一个HTML文件，扩展名以 .html或.htm结尾
html文件中的内容注释为：<!--注释内容-->
HTML的结构标签
<html></html>——根标签
<head></head>——html的头标签
<boby></boby>——html的体标签
HTML的换行标签：<br/>
分割线标签：<hr/>
【HTML的字体标签】
html的字体标签：<font>文字</font>
<font>标签的属性：
<标签 属性名=”属性值” 属性名=”属性值”></标签>
属性：
color属性：可以使用英文单词和16进制进行设置
size属性：字体的大小
face属性：字体的格式
【HTML的排版标签】
html的标题标签：h标签<h1>...<h6>
html的段落标签：<p>段落内容</p>
字体的加粗标签：<b>内容</b>
字体的倾斜标签：<i>内容</i>
字体的下划线标签：<u>内容</u>
字体的居中标签：<center>内容</center>
【HTML的图片标签】
图片标签：<img>
属性：
src：图片的来源
width：图片的宽度
height：图片的长度
alt：图片找不到显示的美容
图片引入路径问题：
路径：相对路径
如果引用的图片和html在同一路径下直接写文件名或./文件名
eg:<img src=”文件名” />或<img src=”./文件名” />
如果引用的图片在html文件的上一级路径则写../文件名
eg:<img src=”../文件名” />
如果引用的图片在html文件的下一级路径则写
eg:<img src=”img/文件名” />
【HTML的列表标签】
有序列表
<ol>
<li></li>
</ol>
属性：type属性
1 ：数字类型
a ：英文类型
i ：罗马类型
无序列表
<ul>
<li></li>
</ul>
属性：type属性
disc：实心点 circle：空心圆 square：方块
【HTML的超链接标签】
超链接标签：<a>
属性：
href：链接的路径
target：打开的方式
_self：在自身的页面打开
_blank：打开一个新的窗口
【HTML的表格标签】
<table>
<tr>
<td></td>
</tr>
</table>
属性：
wider：表格宽度
height：表格长度
border：表格边框
align：表格的水平位置 :left right center
<td>的属性：
colspan=”列数”
rowsapan=”行数”
【HTML表单标签】★★★★★
HTML的表单标签：<form>
常用属性:
action属性:提交的路径.默认提交到当前页面
method属性:请求的方式.GET和POST.默认是GET.
★★★ GET方式和POST方式的区别?
GET:数据会显示到地址栏中.GET方式提交是有大小的限制.
POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.
HTML中表单元素：
<input type=”text”> ：文本框.
常用属性:
name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
value ：文本框的默认值.
size：文本框的长度.
maxlength：文本框输入的最大长度.
readonly：只读文本框.
<input type=”password”>：密码框.
常用属性:
name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
value ：密码框的默认值.
size：密码框的长度.
maxlength：密码框输入的最大长度
<input type=”radio”>：单选按钮.
常用的属性:
name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
value ：单选按钮的默认值.
checked：单选按钮默认被选中.
<input type=”checkbox”>：复选按钮.
常用的属性:
name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
value ：单选按钮的默认值.
checked：单选按钮默认被选中
<input type=”button”>：普通按钮.没有任何功能的按钮.
<input type=”submit”>：提交按钮.
<input type=”reset”>：重置按钮.
<input type=”file”>：文件上传的表单项.
<input type=”hidden”>：隐藏字段.
<input type=”image”>：图片按钮
<select>：下拉列表.
<textarea>：文本域. |
|
收藏
淘帖
踩
