本帖最后由 小石姐姐 于 2017-11-20 13:30 编辑
HTML:Hyper Text Markup Language --- 超文本标记语言
标记语言:通过一组标签形式描述事物的一门语言
超文本:比普通文本更强大
HTML的作用
用来制作页面(静态页面),在设计网站的页面的时候都要使用到HTML
<ul style="list-style: none;">
<li><a href="http://www.baidu.com" target="_self">百度一下</a></li>
<li><a href=>上海</a></li>
<li>深圳</li>
</ul>
<table border="1px" width="100%" height="300px" align="center">
<tr>
<td rowspan="2"></td>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td ></td>
</tr>
</table>
HTML的表单标签
表单标签 <form>
表单元素
<input type="text">: 文本框
<input type="password"> 密码框
<input type="radio"> 单选按钮
<input type="checkbox"> 复选按钮
<input type="button"> 普通按钮,没有任何功能
<input type="submit"> 提交按钮
<input type="reset"> 重置按钮
<input type="file"> 文件上传的表单项
<input type="hidden"> 隐藏字段
<input type="image"> 图片按钮
<select> 下拉列表 默认被选中selected
<textarea> 文本域
HTML的表单标签:<form>
* 常用属性:
* action属性:提交的路径.默认提交到当前页面
* method属性:请求的方式.GET和POST.默认是GET.
GET方式和POST方式的区别
GET:数据会显示到地址栏中,GET提交有大小的限制,
POST:数据不会显示到数据栏,没有大小的限制.POST更加安全
HTML5扩展的表单标签(HTML5不是所有浏览器都支持)
<input type="email"> 邮箱
<input type="date"> 日期
<input type="number"> 数字
<input type="color"> 颜色
<input type="text"> 文本框
常用属性
name 表单元素的名称.必须有name属性,然后后台才可以接收数据.
value 默认值
size 文本框长度
maxlength 文本框输入的最大的长度
readonly 只读文本框
<input type="password">:密码框
常用属性
name
value
size
HTML结构标签
根标签: <html>
<head> --html的头标签
<bady> --html的子标签
</html>
图片标签
<img>
属性
src :图片的来源
width :图片的宽度 100px px代表像素
height :图片的高度
alt :图片找不到显示的内容
列表标签(记住ul和li即可)
<ul> 无序列表
<li>内容</li>
</ul>
<ol> 有序列表
<li>内容<li>
<ol>
表格标签(合并单元格,设置边框)
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
属性:
width :表格宽度
height :表格高度
border :边框
align :表格水平位置
left
center
right
<td>的属性
colspan="列数"
rowspan="行数"
|
|