html是一种超文本标记语言,是网页语言;所谓的超文本就是超出文本本身范围的进行标记,然后操作
一、概述
基本格式是以<html>开头,以</html>结尾,中间包含<head></head>和<body></body>
html是一种弱类型语言,不区分大小写
基本的操作思想是把要操作的数据用标签包裹起来,然后用标签的属性操作数据
二、标签
1.字体标签
文字标签:设置文字格式
<font color="颜色" size="大小"></font>
颜色可以有三种格式:RGB或者16进制或者英文表示
大小只能是1-7范围内
标题标签:标题的样式
<h1></h1><h2></h2>....<h6></h6>
从左到右字体依次变小
水平线标签:一条水平的线
<hr color="" size=""/>
有size和color两个属性,分别设置宽度和颜色
注释标签:注释html代码
<!--要注释的代码-->
特殊字符:空格
2.列表标签
基本列表
<dl> 标签范围
<dt></dt> 上层列表
<dd></dd> 下层列表
</dl>
有序列表
<ol type="">
<li></li>
</ol>
type种类有三种分别为:1,a或者i
无序列表
<ul type="">
<li></li>
</ul>
type种类有三种:disc,circle或者square
3.图形标签
<img src="" width="" height="" border="" alt=""/>
src:数据源
alt:图片上悬停后显示的内容
4.超链接标签
<a href="链接到的地址" target=""></a>
target中的内容有两种:_self在本网页打开
_blank在新的网页打开
5.表格标签:对数据格式化,更加清晰
<table> 表格范围
<tr> 行 <th>有自动加粗居中的效果可替换<tr>
<td></td> 列
</tr>
</table>
单元格合并
colspan:合并列
rowspan:合并行
6.表单标签:把数据提交到服务器
<form action="服务器地址" method="提交方式">
<input type="text"/> 文本框
<input type="password"/> 密码框
<input type="radio"/> 单选框
<input type="checkbox"/> 复选框
<input type="file"/> 文件提交
<input type="hidden"/> 隐藏内容(不想让用户看到,但有必须提交的)
<input type="button"/> 普通按钮
<input type="submit"/> 提交按钮
<input type="reset"/> 重置按钮
<input type="image"/> 图片
<textarea></textarea> 文本区域
<select> 下拉选择框
<option></option>
</select>
</form>
注意:
1.在输入项中要有name属性
2.在单选输入项、复选输入项及下拉输入项必须要有value值
7.其他标签
pre:原样输出
p:段落标签
div:自动换行
spn:在一行显示
三、小结
1.整体来说html中的内容要多用,熟能生巧,没有太多逻辑性的东西
2.html单独使用是没有太多的用处的,结合css,用来修改网页样式,更加符合面向对象的思想
3.html结合js用来做网页的动态效果,与后台更好的进行数据交换