1.HTML简述
1）是一种超文本标记语言，它是用来描述网页的一种语言。
2）标记语言是一套标记标签。
2.基本结构标签总结
<html>
<head>
<title>网页标题</title>
</head>
<body>
主题内容
</body>
</html>
3.特殊标签的解释
1）<!DOCTYPE html> ：文档类型声明标签，作用是告诉浏览器使用哪种html版本显示网页，这个就是采取HTML5版本显示网页。
2）<html lang="en"> ：lang用来定义当前文档显示语言，en为英语，zh-CN为中文。
3）<meta charset="UTF-8">：万国码.
4.标题标签
1）标题标签:h1~h6
2)<h1 align="left|center|right|justify">1号标题字</h1>
3)h1标记定义最大的标题字，h后面的数字越小标题字越大。
5.格式化文本标签
| 标记 | 说明 |
|---|---|
<b></b>或 <strong><strong> | 加粗 |
<em></em>或<i></i> | 倾斜 |
<del></del>或<s></s> | 删除线 |
<ins></ins>或<u></u> | 下划线 |
<sup></sup> | 定义上标 |
<sub></sub> | 定义下标 |
6.其他标签
| 标签 | 说明 |
|---|---|
<p></p> | 段落 |
<br /> | 换行 |
<hr> | 水平分隔线 |
pre | 预格式化文本 |
7.图像标签
1）图像标签的定义：<img src="图像URL"/>
2)图像标签的属性：
| 属性 | 说明 |
|---|---|
| src | 图片路径，必须属性 |
| alt | 替换文本，图像不能显示的文字 |
| title | 提示文本，鼠标放在图像上，显示文字 |
| width | 设置图像的宽度 |
| height | 设置图像的高度 |
| border | 设置图像的边框粗细 |
3）图片路径
- 相对路径：图片相对于HTML页面的位置
同一级路径：图像文件位于HTML文件的同一级。如<img src="img.jpg"/>
下一级路径：图像文件位于HTML文件的下一级。如<img src=’images/img.jpg/>
上一级路径：图像文件位于HTML文件的上一级。如 <img src="../img.jpg/>
插入图片时，如果图片在网页显示不出来。看看是否把.html文件和所要插入的图片放在一个文件夹里了。
绝对路径：从盘符开始的路径
8.超链接标签
1）<a>标签用于定义超链接，作用是从一个页面链接到另一个页面
2） 链接的语法格式：
<a href="跳转目标” target="目标窗口的弹出方式">文本或图像</a>
3）
| 属性 | 作用 |
|---|---|
| href | 用于指定链接目标的url地址 |
| target | 用于指定链接页面的打开方式,其中,_self为在当前窗口中打开页 面，_blank为在新窗口中打开页面 |
4）链接分类：外部链接，内部链接，空链接，下载链接，网页元素链接，锚点链接。
9.表格标签
1)表格的基本语法
<table> <!--定义表格的标签-->
<tr> <!--定义表格中的行-->
<td>单元格中的文字</td>
...
</tr>
<table>
2)表头单元格标签:
<th></th>
<!--表头单元格位于表格的第一行或第一列，表头单元格里面的的文本内容加粗居中显示-->
10.列表标签
1）列表可以分为三大类：无序列表，有序列表，自定义列表
2)无序列表基本语法格式如下：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
3）有序标签的基本格式如下：
<ol>
<li></li>
<li></li>
<li></li>
</ol>
4）自定义列表的基本格式如下 ：
<dl>
<dt>名词1</dt>
<dd>解释名词1</dd>
<dd>解释名词1</dd>
</dl>
11.表单标签
1）使用表单目的是为了收集用户信息。
2）在HTML中，一个完整的表单通常由表单域，表单元素和提示信息3个部分组成.
3)表单域:是一个包含表单元素的区域.
<form>标签用于定义表单域,
<form>会把它范围内的的表单元素交给服务器
4)语法规范:
<form action="url地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>
12.input表单元素
1)
<input type="属性值" />
2)type属性的属性值及其描述如下:
| 属性 | 描述 |
|---|---|
| text | 输入文本 |
| password | 密码,用户看不见 |
| radio | 单选按钮,可以实现多选一 |
| checkbox | 复选框,实现多选 |
| button | 普通按钮 |
| submit | 提交按钮 |
| reset | 重置按钮 |
| file | 文件上传 |
| hidden | 隐藏输入字段 |
| image | 定义图像形式的提交按钮 |
3)input其他属性
| 属性 (属性值) | 描述 |
|---|---|
| name(用户自定义) | 定义input元素的名称(单选按钮和复选框要有相同的name值) |
| value | 规定input元素的值 |
| checked | 针对于单选按钮和复选框,默认选中某个按钮 |
| maxlength | 输入最大字符数 |
430
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
