前端技术HTML、CSS

最新推荐文章于 2022-04-29 20:23:52 发布

VIP文章中國颜值的半壁江山

最新推荐文章于 2022-04-29 20:23:52 发布

阅读量621

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/a17853481576/article/details/103875861

版权

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">李&nbsp;&nbsp;&gt;a&lt;尚</a>-->
    <!--&nbsp;  代表空格-->
    <!--&gt;    代表>-->
    <!--&lt;    代表<-->
    <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标签：
	- 图标, &nbsp;	&gt;	&lt;
	- 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;">第一

最低0.47元/天解锁文章

中國颜值的半壁江山

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
前端技术HTML、CSS

1、html20个标签<!DOCTYPE html> <html lang="en">   ...
复制链接

扫一扫