1、html
- 20个标签
1.1、例子
<!DOCTYPE html> <!-- 标准对应关系标头 -->
<html lang="en"> <!-- 起始,类似html这种格式 :<html>dadadfad</html>叫一个html标签 -->
<!-- lang="en"叫标签内部的属性 -->
<head> <!-- 头的开始 -->
<meta charset="UTF-8">
<meta http-equiv="Refresh" content="3"> <!-- 3秒之后刷新网页 -->
<meta http-equiv="Refresh" content="3;Url=https://www.zhihu.com"> <!-- 3秒之后跳转到新网页 -->
<meta name="Keywords" content="星际2,地下城与知乎,赚网"> <!--关键字-->
<meta name="description" property="og:description" content="有问题,上知乎。知乎,可信赖的问答社区,以让每个人高效获得可信赖的解答为使命。知乎凭借认真、专业和友善的社区氛围,结构化、易获得的优质内容,基于问答的内容生产方式和独特的社区机制,吸引、聚集了各行各业中大量的亲历者、内行人、领域专家、领域爱好者,将高质量的内容透过人的节点来成规模地生产和分享。用户通过问答等交流方式建立信任和连接,打造和提升个人影响力,并发现、获得新机会。"/>
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7;"> <!--让该网页使用IE浏览器打开时,使用高版本模式打开-->
<!-- Title --><!--网页头部标签-->
<title>Title</title>
<!--网页头部小图标-->
<link rel="shortcut" href="image/aa.ico">
</head> <!-- 头的结束 -->
<body> <!-- 身体的头 -->
<a href="https://www.zhihu.com/">知乎</a>
</body> <!-- 身体的结束 -->
</html> <!-- 结束 -->
1.2、例子2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Python</title>
</head>
<body>
<!--<a href="https://www.zhihu.com">李 >a<尚</a>-->
<!-- 代表空格-->
<!--> 代表>-->
<!--< 代表<-->
<p>dadadasfsfffffwqrsadfffdd<br>dddddd</p>
<p>12345</p>
<p>12345</p>
<h1>LiShang</h1>
<h2>LiShang</h2>
<h3>LiShang</h3>
<h4>LiShang</h4>
<h5>LiShang</h5>
<h6>LiShang</h6>
<span>hello world</span>
<span>hello world</span>
</body>
</html>
网页特殊符号HTML代码大全:https://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
1.3、标签分类
自闭和标签(很少):
<meta charset="UTF-8">
主动闭合标签:
<html lang="en"> ****** </html>
<head> ****** </head> head标签中海油几种标签
<meta > 编码、跳转、刷新、关键字、描述、IE兼容
<title>Title</title> <!--网页头部标签-->
<link /> 搞图标
<style />
<script />
<body> ****** </body>
body标签:
- 图标, > <
- p标签 <p>dadadasfsfffffwqrsadfffdd<br>dddddd</p>(块级标签),段落
<p>12345</p>
<p>12345</p> ###一个p标签代表一个段落
- br标签 <p>dadadasfsfffffwqrsadfffdd<br>dddddd</p> ######<br>代表换行,还在本段中
======================#-#-#-小总结-#-#-#======================
所有标签分为:
块级标签: H 系列(加大加粗), p 系列(段落之间有间距), div 标签(白板),
行内标签: span 标签(白板,无任何特性),
标签间可以嵌套
标签存在的意义, 定位操作, js操作、css操作更方便
ps: chorme审查元素的使用
- 定位
- 查看样式
input系列: 10个必须会的
input type='text' #name属性, 用于让后台拿数据
input type='password' #name属性, 用于让后台拿数据
input type='submit' value="提交" #提交按钮, 提交表单
input type='button' value="登录" #普通按钮
input type='radio' name="gender" #单选框,value,name属性(name相同则互斥)
input type='checkbox' #复选框,value,name属性(批量获取数据)
input type='file' #依赖form表单的一个属性,enctype='multipart/form-data'
input type='rest' #重置
<textarea>默认值</textarea> -name属性
select标签 -name,内部option value,提交到后台,size,multiple
- h 标签(块级标签)
- span 标签(行内标签)
- div 标签(块级标签)
a 标签
- 跳转
- 锚, 跳转到目录对应的位置处功能:标签的id不允许重复
<a href="#i1">第一章</a>
<div id="i1" style="height:600px;">第一章的内容