html——超文本标记语言（全称HyperTextMarkupLanguage）
大概长这个样子：
<!DOCTYPE html>
<html lang="en">
<head> <!--头部标签提供html文档的大致信息，可包括:title、link、script、style、meta、base等标签 -->
<meta charset="UTF-8"><!-- 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我是标题</title>
<link rel="stylesheet" href="./style.css"><!--用来引入外部css文件-->
<script src="//at.alicdn.com/t/font_976843_acokabuuosm.js"></script>
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
</head>
<body>
</body>
</html>
常用的块级元素标签有：
- div p h1~h6 dl(dt dd) ol ul table form hr等
常用的内联元素标签有：
- a span br img textarea input select strong b em button等
a标签
属性见 MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a
target属性
<a href="http://qq.com" target="_blank">新开页面</a>
<a href="http://qq.com" target="_self">当前页面</a>
<a href="http://qq.com" target="_parent">父亲页面</a>
<a href="http://qq.com" target="_top">顶级页面</a>
download属性
<a href="http://qq.com" download>下载</a>
下载当前文件
href属性
1.如果不写协议 那么跳转到当前页面的协议
5.png
2.如果加查询参数 ? 会发起一个get请求
<a href="?name=vicfun" target="_self">QQ</a>
3.如果加的是锚点 # 是不发请求的 它是页面内的跳转
<a href="#hihihihi" target="_self">QQ</a>
4.伪协议
<a href="JavaScript:;">QQ</a>作用：写一个a标签不让它跳转（一个什么都不做的a标签）
form标签
1.form标签必须要有一个提交按钮
2.form标签主要用来发post请求（如果用get 会把参数 [用户名密码] 直接放到查询参数在url中看到 最好不要~）
<form action="users" method="POST">
<input type="submit" value="提交">
<input type="text" name="username">
<input type="password" name="password">
</form>
3.name属性会被用来写进第四部分的key
对中文进行转码
网友评论