html
Html
Hyper Text Markup Language（超文本标记语言）
优势：跨平台，市场需求
W3C标准
World Wide Web Consortium（万维网联盟）
W3C标准
- 结构化标准语言（HTML、XML）
- 表现标准语言（CSS）
- 行为标准（DOM、ECMAScript）
标签
<!DOCTYPE html>
DOCTYPE：告诉浏览器使用什么规范
<head>
</head>
head：代表网页头部
<title>
</title>
title：网页标题
<body>
</body>
body：代表网页主体
<meta chartset="UTF-8">
meta：描述性标签，用来描述网站信息，一般用来做SEO（搜索引擎优化）
<meta name="keywords" content="搜索关键词，第二个关键词">
<meta name="description" content="描述">
标题标签
以此类推
段落标签
换行标签
水平线标签
粗体标签：或
斜体标签：或
空格：
 
大于号：>
>
小于号：<
<
图片标签：
src：地址
alt：图片显示失败时显示的文字
title：鼠标悬停时显示的文字
链接标签：
a****标签：
href：填写要跳转到的页面
target：表示窗口在哪打开
_blank ：新标签页打开
_self 在自己的网页打开
锚链接：
<a name="top">字</a>
<a href="#top">回到字那</a>
点击下面的href可以回到第一个name的位置
也可以直接跳转页面+锚标签，直接跳转到新页面的某个标记的位置
功能性链接：
邮箱，qq，qq可直接生成
列表：
有序列表：order list
<ol> <li>aaa</li> <li>bbb</li></ol>
无序列表：unorder list
<ul> <li>aaa</li> <li>bbb</li></ul>
自定义列表： definition list
<dl> <dt>a</dt> <dd>aaa</dd> <dt>b</dt> <dd>bbb</dd></dl>
dl：标签
dt：列表名称
dd：列表内容
表格标签：
<table> <tr> <td>1-1</td> <td>1-2</td> </tr> <tr> <td>2-1</td> <td>2-2</td> </tr></table>
| 1-1 | 1-2 |
| 2-1 | 2-2 |
tr：行
td：列
跨列
<table> <tr> <td colspan="2">1-1</td> <td>1-2</td> </tr> <tr> <td>2-1</td> <td>2-2</td> </tr></table>
| 1-1 | 1-2 | |
| 2-1 | 2-2 | |
跨行
<table> <tr> <td rowspan="2">1-1</td> <td>1-2</td> </tr> <tr> <td>2-1</td> </tr></table>
| 1-1 | 1-2 |
| 2-1 |
媒体元素
视频：
音频：
页面结构
网页头部：
网页主体：
网页脚部：
导航类：
内联框架
<iframe src="" name=""></iframe>
name：框架标识名
可以通过写空src的iframe，然后通过href跳转实现不改变页面显示新页面
表单
<form method="" action=""> <p>名字 <input type="text" name="username"></p> <p>密码 <input type="password" name="password"></p> <p> <input type="submit"> <input type="reset"> </p></form>
action：表单提交的位置，可以是网站也可以是请求处理地址
method：post，get，两种提交方式
get：可以在url看到提交的信息，不安全，高效
post：比较安全，可以传输大文件
下拉框
下拉框：
<p>下拉框： <select name="列表名称"> <option value="one">一</option> <option value="two">二</option> <option value="three">三</option> </select></p>
文本域：
文本域：
<p>文本域： <textarea name="text" cols="10" rows="5">文本内容</textarea></p>
文件域：
<p> <input type="file" name="files"> <input type="button" value="上传" name="upload"></p>
标签
label
浙公网安备 33010602011771号