HTML
HTML(HyperText Markup Language):
- 超文本标记语言,用于通过浏览器展示用户界面/视图。
- 将HTML一个标记写在一个网页文件中,通过浏览器打开可以显示一个视图效果
HTML语法
- HTML标签必须写在后缀名为”.htm”或者”.html”的网页文件(网页文件可以通过浏览器打开)
- 标记/标签:就是由一对<>加上一个关键字组成的整体
单标签:<tagName/> 双标签:<tagName></tagName> 【双标签可以有子标签】
- 属性:我们可以在标签名后添加键值对(key=”value”),从而改变这个标签的功能或者外在显示效果。
<tagName key1=”value1” key2=”value2” />
<tagName key1=”value1” key2=”value2”></tagName>
- 网页基本格式
a.网页文件第一行通常是文档类型的声明:
b.网页文件必须有一对根标签
c.在根标签下通常包含两对子标签head和body
d.head标签中用于定义当前网页文件的属性,通常要给出meta定义网页的编码格式,以及一对名为title的子标签,用于定义当前网页的标题
e.body标签中用于定义当前网页显示的内容
注意:标签与标签之间可以嵌套,也可以并列,但是不能交叉。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
常用标签
- form标签用于提交数据,如果输入框中的数据需要被提交,就必须放在一对form标签中。 action属性:用于指定提交的目标地址 method属性:用于指定表单数据的提交方式(get|post)
<input type=”submit”/>
用于提交当前表单<input type=”reset”/>
用于重置当前表单中的输入框<input type=”image” src=””/>
作用和提交按钮一样,用于提交当前表单<a id="wj" href="">忘记密码?</a>
超链接 href里面是需要跳转页面<div> </div>
用于布局的区块元素- 标题标签
<h1></h1> ~ <h6></h6>
最大h1 最小 h6 - 字体标签
<font color="red"></font>
- 换行标签:
<br/>
- 文本加粗标签:
<b></b>
- 线体:
<hr/>
文本格式化标签
- 加粗:
<b/>
- 着重
<em>
- 斜体
<i>
- 小号
<small>
- 加重
<strong >
- 定义 下标字
<sub>
- 定义上标字
<sup>
- 定义 插入
<ins>
- 定义删除
<del>
计算机标签
-
代码标签
<code>
-
定义变量
<var >
-
定义原样输出
<pre>
引用标签
- 定义缩写
<abbr>
- 定义地址
<address>
- 定义引用,引证
<cite>