html常用标签

最新推荐文章于 2022-07-01 00:54:21 发布
最新推荐文章于 2022-07-01 00:54:21 发布
阅读量65 收藏
点赞数
原文链接：http://www.cnblogs.com/houxiaowei/p/8179706.html
版权

       列举一下常用的html标签及用法，与大家共勉，欢迎补充！

标签名称定义和用法介绍标签类型html/html5

<!DOCTYPE>

 

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

定义文档类型 html/html5

<head>

 

 <head> 标签放在文档的开始处，紧跟<html> 后面，并处于 <body>标签之前.

<head> 标签用于定义文档的头部，它是所有头部元素的容器

。在<head>中可以引入脚本,css样式等.还包括文档的标题

<head>中可用标签有 <link>,<meta>

,<script>,<title>,<style>。

 html

<header>

 

 
当我们在定义一个div的时候在html
5之前一般都是定义一个div，
比如<div class="head"></d
iv>,html5出现以后,主张语
义化标签,选择器直接就写<hea
der></header>就可以了。
 
定义文档的页眉（介绍信息）。
 		 html5

<body>

 

 
body 元素定义文档的主体,body内
容标签，在HTML只能使用或出现一次,
通常我们在浏览器内容区看到的内容
，都是放入在<body></body>之间，
body标签是html重要不可缺少的标签元素。
 
body是html网页结构最重要的标签，也叫主体
内容标签，一般网页内容均放入此标签组之间。
 
块级元素
html

<div>

 

 
<div> 是一个块级元素，它的内容会占满
当前整行，可以通过添加
Class和id来操作它CSS样式
 
Div是html标签之一，div具有分割内容作用，
div与CSS样式可让网页实现各种样式效果。
 
块级元素
html

<center>

 

 
对其所包括的文本进行水平居中。
<cneter>文本</center>　　
 
用来对<center>标签中的文本进行水平居中
块级元素html，不支持html5

<img>

 

 
<img src="" alt="">
使用时候注意结构，图片路径正确，宽度
、高度根据实际需要而设置。
通常我们会使用CSS样式对图片img
标签的width、height、css,
border边框进行设置
 
Img标签在html中是引入外部图片到网页中显
示的标签。

行内块元素

(内联元素)

html

ul

 

　　　　　　　　　　　　<ul>    　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　<li></li>

　　　　　　　　　　　　　　<li></li> 

　　　　　　　　　　　　　　<li></li> 

　　　　　　　　　　　　</ul>  

以上3个li标签组放在ul标签之间。这里

html ul li无序列表布局与ol li有序列表

布局语法与结构相同，不同是默认无初

始化CSS样式情况下一个是有序号列表

（1、2、3、4 ；I、II、III这类有序序

号），一个为没有序号的列表。无论是有

序ol li列表还是无序的ul li列表，在日常

时候都需要重新设置CSS样式使用布局。

一般用来标题和导航的排版和布局时使用，赋予

CSS样式后可以实现各种各样的有规律的页面布

局。

块级元素 html 

<h1>-<h6>

 

 
<h1>这是标题</h1>

<h1> - <h6> 标签可定义标题。<h1>

定义最大的标题。<h6> 定义最小的标题。

在一个网页中可以适当使用h1 h2 h3 h4标签，

有利于网页的重点部分突出,h5,h6一般用于页

面的主体内容 

块级元素html 

<nav>

 

 
<nav></nav>是html5中的新标签
一直以来，我们习惯于使用形如
<div id="nav">或<ul id="nav">
这样的代码来写页面的导航；
在HTML5中，我们可以直接将导航链接列表
放到<nav>标签中：

和<header><footer>相似,只是html5中用

于增强语义的一个标签而已

行内块元素  html5

<span>

 

 
<span>内容</span>特性，通常一对未设
置任何样式的span，高宽是自适应内容，
多容多少，此标签就占用多少距离空间。

span在html中常用的布局标签,与div标签区别

在于，span随内容而占用高宽空间

（紧贴内容），而一对div标签却占用一行

行内元素html

<a>　

 

 
<a href="您需要的地址" target="">
这是一个超链接</a>href属性：表示超链
接需要跳转的页面。target属性：设置新
页面打开的窗口位置

<a> 标签定义超链接，用于从一张页面链接到

另一张页面。

行内元素html

<form>

 

 
<form action="跳转的页面" method=
"post"></form>

 form是表单区域标签，通常此标签内放输入框

、单选、多选、多行文本框、下拉选项菜单等表

单内容,form的action的值填写为将表单提交内

容送往的页面地址。

 html

2018年1月2日22:41:19，今天先写到这，明天继续！！！

 

转载于:https://www.cnblogs.com/houxiaowei/p/8179706.html

weixin_33895475
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2019年网易最新前端工程师面试题及答案解
lin123_00的博客
11-19 2178
1.CSS 盒子模型中（ ）是透明的，这部分可以显示背景（ ） A、padding B、margin C、border D、content 参考答案：A 答案解析：- **Margin(外边距)** - 清除边框外的区域，外边距是透明的。 - **Border(边框)** - 围绕在内边距和内容外的边框。 - **Padding(内边距)** - 清除内容周围的区域，内边距是透明的。 ...
html中写meta会乱码,网页html代码不可缺少的5个meta标签属性
weixin_39760389的博客
05-31 383
网页html代码中，meta标签是个非常重要的标签，meta标签可以包含很多属性，而其中有5个是不可缺少的。meta标签属性1、titletitle其实不算是meta标签的属性，其本身就是一个标签，称为title标签。这个属性可以说是最重要的，就像每篇文章都不能没有标题一样，网页同样也要有标题，并且这个标题是独有的不重复的。这也是页面参与搜索排名的最重要参照。title标签的使用例子：网速测试,网...
不常用但有用的HTML标签
qq_37155408的博客
07-01 565
作为一名前端开发人员，不管是高级前端还是入门级前端，都应该至少掌握HTML、CSS和JavaScript这三门技术。其中HTML作为页面的骨架，是最不可缺少的，平常大家用于构建页面的标签应该不多，特别是用了第三方UI组件库后，基本上应该只有几个标签被用到了。今天就来给大家总结下平常我们不常用但是有用的HTML标签。...
Web前端基础题18道
努力是为了站在万人之中，成为别人的光
07-24 8222
单选题 （共计 10 题，总计 24分） 1、(单选题)把鼠标移到按钮上时，会产生哪些事件？ A.hove click B.foucs keyup C.keydown foucus D.focus hover 【正确答案】D 【答案解析】focus -> hover 聚焦 -> 悬停 2、(单选题)下列属性中，不是 <a> 元素有效属性的是（）。 A.src B.href C.name D.target 【正确答案】A 【答案解析】基本概念题，标签中没有src这个属性 3、(单选题)
web和数据库习题及答案解析
m0_56057949的博客
04-24 3846
单选题（共计 7 题，总计 18分） 1、(单选题)在HTML文档中，引用外部样式表的正确位置是？ A. 文档的末尾 B. 文档的顶部 C. <body>部分 D. <head>部分 【正确答案】D 【答案解析】里存储外部样式 2、(单选题)选出你认为最合理的定义标题的方法。 A.<span class=”heading”>文章标题</span> B.<p><b>文章标题</b&...
Java实训【Web前端基础】-考试题库整理
qq_44458489的博客
10-29 776
HTML 选出你认为最合理的定义标题的方法： A.<span class=”heading”>文章标题</span> B.<p><b>文章标题</b></p> C.<h1>文章标题</h1> D.<strong>文章标题</strong> 【正确答案】C 【答案解析】A是添加了一个类；B是用加粗；C使用标签h1；D是强调 通常我们在浏览器内容区看到的内容，都是放入在 () 之间 A.&l
HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
20.2 HTML 常用标签
07-28
在“20.2 HTML 常用标签”这个主题中，我们将深入探讨一些HTML中不可或缺的核心标签，这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明（<!DOCTYPE html>）**：这是每个HTML文档的开头，用于...
HTML常用标签
09-09
HTML 常用标签 - 表单 Form 在 HTML 中，表单是一个非常重要的组件，它允许客户端的用户以标准格式向服务器提交数据。在本节课中，我们将深入了解表单的基本结构、属性、元素和使用方法。 一、表单的认识 表单是...
HTML常用标签属性.txt
04-29
HTML常用标签属性大全
前端面试题笔试考题和答案
weixin_30426879的博客
11-14 523
一、选择题 1． 下面标签嵌套正确的是（D） A. <ul><p>赶集网</p></ul> B. <a href="#"><a href="#">赶集网</a></a> C. <dl><li>赶集网</li></dl> D. <ol&g...
前端研发笔试题
anyingyu7395的博客
11-19 446
备注：请将答案写在答题纸上 一、选择题 1．下面标签嵌套正确的是（D） A.<ul><p>赶集网</p></ul> B.<ahref="#"><ahref="#">赶集网</a></a> C.<dl><li>赶集网</li></...
php笔试题及答案网易,2020网易前端面试题含答案解析
weixin_30802399的博客
03-29 866
需要更多的面试题点击下面链接查看，有很多：另外这是小编做的视频希望可以帮助到你：『HTML+CSS』漂亮小姐姐教你制作暗黑破坏神网页开发：BV1C54y1X7ro前端发展简史，功能以及未来趋势！(你值得观看)：BV1w5411s7e4给想学编程又无从下手的小白一些建议：BV1Zf4y117ji「HTML+CSS」实现妙笔千山播放器制作(思路讲解＋代码+成品效果)！：BV18p4y1Q7Y1前端面试...
html模板标签
ch206265的博客
03-08 5797
在VS code中写html文档时，一般会先用快捷方式生成html的基本框架，即html模版。这些自动生成的标签，比较多地出现在`head`内，好多老师讲解的时候都会让我们先不用管这些代码，但是自己又很好奇，所以搜集了一些资料，毕竟知识之间都是有联系的，一个很细微的点深究下去可能都是无底洞，所以现做如下整理，当然若以后有了更多了解还会再做补充：
韦东山imx6ullpro完全开发书册
最新发布
08-15
韦东山imx6ullpro完全开发书册
使用html+css +js 实现天猫首页效果.zip
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
Python基于机器学习的电信用户流失预测项目源代码+数据集（高分项目）
08-15
Python基于机器学习的电信用户流失预测项目源代码+数据集（高分项目），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 Python基于机器学习的电信用户流失预测项目源代码+数据集（高分项目），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 Python基于机器学习的电信用户流失预测项目源代码+数据集（高分项目），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。Python基于机器学习的电信用户流失预测项目源代码+数据集（高分项目），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 Python基于机器学习的电信用户流失预测项目源代码+数据集（高分项目），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，期末大作业和课
JavaWeb实现超市订单管理系统smbms.zip
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
未来社区及其趋势探索（戴德梁行）PDF（52页）.pdf
08-15
未来社区的建设背景和需求分析指出，随着智能经济、大数据、人工智能、物联网、区块链、云计算等技术的发展，社区服务正朝着数字化、智能化转型。社区服务渠道由分散向统一融合转变，服务内容由通用庞杂向个性化、服务导向转变。未来社区将构建数字化生态，实现数据在线、组织在线、服务在线、产品智能和决策智能，赋能企业创新，同时注重人才培养和科研平台建设。 规划设计方面，未来社区将基于居民需求，打造以服务为中心的社区管理模式。通过统一的服务平台和应用，实现服务内容的整合和优化，提供灵活多样的服务方式，如推送式、订阅式、热点式等。社区将构建数据与应用的良性循环，提高服务效率，同时注重生态优美、绿色低碳、社会和谐，以实现幸福民生和产业发展。 建设运营上，未来社区强调科学规划、以人为本，创新引领、重点突破，统筹推进、整体提升。通过实施院落+社团自治工程，转变政府职能，深化社区自治法制化、信息化，解决社区治理中的重点问题。目标是培养有活力的社会组织，提高社区居民参与度和满意度，实现社区治理服务的制度机制创新。 未来社区的数字化解决方案包括信息发布系统、服务系统和管理系统。信息发布系统涵盖公共服务类和社会化服务类信息，提供政策宣传、家政服务、健康医疗咨询等功能。服务系统功能需求包括办事指南、公共服务、社区工作参与互动等，旨在提高社区服务能力。管理系统功能需求则涉及院落管理、社团管理、社工队伍管理等，以实现社区治理的现代化。 最后，未来社区建设注重整合政府、社会组织、企业等多方资源，以提高社区服务的效率和质量。通过建立社区管理服务综合信息平台，提供社区公共服务、社区社会组织管理服务和社区便民服务，实现管理精简、高效、透明，服务快速、便捷。同时，通过培育和发展社区协会、社团等组织，激发社会化组织活力，为居民提供综合性的咨询和服务，促进社区的和谐发展。
HTML常用标签详解
"这份文档详细介绍了HTML中的常用标签，涵盖了从基本的文本格式化到更复杂的元素如表格、链接和图像的使用。" 在HTML（超文本标记语言）中，这些标签是构建网页结构和内容的基本元素。让我们逐一探讨它们的功能： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值