HTML常用标签超详细整理_html正文标签-程序员宅基地

技术标签: css  前端  html  

HTML概述

1.1 什么是HTML

HTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的PC端开发,还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术

1.2 HTML概念

HTML:Hyper Text Markup Language,超文本标记语言。是用来帮助我们构建网页的。

【超文本】:网页本身是一个文本文件,而超文本指的是这种文件中既可以包含文本信息,又可以包含图片,音频,视频和链接等非文字的信息。

【标记语言】:标记,也叫做标签。也就是说HTML这门语言是由标签组成的。

HTML的标签包含以下两种:

(1) 带有标签体的标签< a>标签体< /a >

(2) 不带标签体的标签(自结束标签)< br/>,< hr/>

HTML通过提前约定好的标签来构建我们的网页内容,通过浏览器来进行解释执行

浏览器是一个HTML的解释器,在浏览器中内置了一个解释器,该解释器中包含了所有HTML标签的展示风格

HTML常用基础标签

HTML文件的骨架:

Head标签:其中可以对网页进行整体设置

Body标签:是HTML的正文标签,我们在网页上能看到的内容都写在该标签中

HTML的IDE工具

(1) DW(Dreamweaver)

(2) HBuilder

(3) Subline

(4) VSCode

(5) WebStorm

(6) 记事本

(7) 其他编程语言的IDE工具

标签的分类:

1.带有标签体的标签,这种标签成对出现;有开始标签也有单独的结束标签,:<html></html>,<head></head>,<body></body>
2.没有标签体的标签(空标签,自结束标签),开始在结束在同一个标签中<br />,<hr />

常用基本标签

1.标题标签hn(h1——h6)

2.字体标签(font)

3.段落标签(p)

主要用于将一段内容包裹起来,便于后期的统一设置,p标签本身没有效果,标签内的内容与标签外的内容空一行(自动换行)

4.换行标签(br)

< br/ >换行标签,中间不空行

5.水平线标签(hr)

< hr/ >

6.图片标签(img)

< img src=”图片地址” width=”宽度” height=”高度” / >

7.背景音乐(audio)

< audio src=”音乐” autoplay=“autoplay” loop=”loop”/ >

8.视频(video)

在H5之前大多数视频使用flash插件实现的,但flash插件加载速度较慢,在H5之后专门提供了一个视频的标签;

9.超链接标签(a)

用法1:超链接:主要用于将多个页面关联到一起,使用超链接可以直接访问另一个页面;

通过base标签统一设置页面超链接的显示目标< base target="_blank" / > 用法2:用于锚记页面中的某个位置或其他页面中的某个位置

10.列表标签

(1)有序列表

< ol >

< li >列表项< /li >

< /ol >

(2)无序列表

(1) 自定义列表

dl:外围标签

dt:列表的标题标签

dd:设置列表的具体列表项

11.marquee标签

12.文本设置标签

< b >< /b >字体加粗

< i >< /i >设置斜体

< u >< /u >设置文本下划线

< s >< /s >在文本上设置一个删除线

13.其他基本标签

2< sup >n< /sup >:设置上标

log< sub>10< /sub>10:设置下标

以上就是HTML概述及常用标签,欢迎各位在评论区留言一起讨论学习~,如果觉得不错三连支持一下

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/shengyin714959/article/details/125009120

智能推荐

Python中什么是异常,Python中有哪些异常_python 异常-程序员宅基地

文章浏览阅读4.6k次。如前面所述,虽然Python代码通过了解释,但是在执行时仍有可能触发错误,而这类的错误就称为异常。大部分异常会导致程序无法继续执行。一旦程序运行后发现有异常,Python会直接显示异常的信息,通常包括:异常出现的地方、异常的类型和内容。如下:我们可以看到上述示例中的异常类型依次是:ZeroDivisionError, NameError 和 TypeError。_python 异常

linux删除第二列为空_shell去掉文件中空行(空白行)的方法详解-程序员宅基地

文章浏览阅读1.3k次。本文详细介绍了使用shell去除文件中的空行的方法,学习下sed、awk、shell文件检测的方法,有需要的朋友可以作个参考。本节内容:shell去掉文件中空行1,shell 去掉文件中的空行cat filename | sed -e '/^$/d' > filename2,保留最新的9个文件,其它的文件删除的命令语句ls -t | awk '{if(NR>9){print $0}}'..._去除linux行第二个字符是空格

Python基础——从csv文件中读取数据,提取数据的方法_python从csv提取特定数据-程序员宅基地

文章浏览阅读10w+次,点赞258次,收藏1.7k次。数据保存在csv文件中1.从csv文件中读取数据参数header=None的有无(1)没有header=None——直接将csv表中的第一行当作表头# 读取数据import pandas as pddata = pd.read_csv("data1.csv")print(data)打印结果为:(2)有header=None——自动添加第一行当作表头# 读取数据impor..._python从csv提取特定数据

适用于 iOS 的 10 个最佳数据恢复工具分享_奇客数据恢复ios版-程序员宅基地

文章浏览阅读1.1k次,点赞8次,收藏3次。在当今的数字时代,我们的移动设备占据了我们生活的很大一部分。从令人难忘的照片和视频到重要的文档和消息,我们的 iOS 设备存储了大量我们无法承受丢失的数据。然而,事故时有发生,无论是由于软件故障、无意删除,甚至是硬件损坏,丢失数据都可能令人痛苦。值得庆幸的是,许多数据恢复工具是专门为 iOS 设备设计的。这些工具是检索丢失或删除的文件的最佳选择。_奇客数据恢复ios版

51单片机c语言脉冲计数实验报告,单片机计数器实验报告.doc-程序员宅基地

文章浏览阅读2.2k次。单片机计数器实验报告单片机计数器实验报告计数器实验报告㈠ 实验目的学习单片机内部定时/计数器的使用和编程方法;进一步掌握中断处理程序的编程方法。㈡ 实验器材G6W仿真器一台MCS—51实验板一台PC机一台电源 一台信号发生器一台㈢ 实验内容及要求8051内部定时计数器,按计数器模式和方式1工作,对P3.4(T0)引脚进行计数,使用8051的T1作定时器,50ms中断..._脉冲计数器实验报告

微信小程序swiper高度自适应,swiper的子元素高度不固定怎么做_微信小程序swiper高度不固定,允许上下滑动-程序员宅基地

文章浏览阅读1.3k次。微信小程序自动的swiper大家都知道默认高度是150px,如果需要去修改高度,我在网上看到的方式都是用js去动态算高度,今天给大家提供一种新的思路 使用 swiper+scroll-view css使用display:flex 父元素dingy flex:1废话不多说 直接上代码 :wxml:<!--pages/talentedPeople/talentS..._微信小程序swiper高度不固定,允许上下滑动

随便推点

JAVA实用工具类-GPS,高德,百度坐标相互转换_java-gps-util-程序员宅基地

文章浏览阅读5.3k次,点赞2次,收藏11次。经过本人实际验证,此工具类的转换方法靠谱,所以拿出来给大家分享。验证方式有二:1,通过此工具类转换的坐标和调百度高德地图转换后的坐标,进行对比,误差在小数点后四到五位才出现。2,把用此工具类转换后的坐标,渲染到对应地图上,如:高德地图,百度地图。点几乎在路上。下面就把此工具类贡献出来。/** * 各地图API坐标系统比较与转换; * WGS84坐标系:即地球坐标系,国际上..._java-gps-util

Superset安装过程_superset 安装 from wtforms.ext.sqlalchemy.fields imp-程序员宅基地

文章浏览阅读318次。今天准备帮朋友试一下Superset,记录下安装过程准备工作:1、使用vitualenvwrapper创建一个新的虚拟环境2、在MySQL中新建一个数据库supersetdb安装过程:1、# Install superset 安装Superset,此过程会安装Flask等必要的包pip install apache-superset -i https://pypi.douban..._superset 安装 from wtforms.ext.sqlalchemy.fields import queryselectfield mod

暑期RHCSA 2022.07.19_sysmgrs-程序员宅基地

文章浏览阅读119次。1.linux中用户的类型 linux中用户组的类型 linux中存储用户信息的文件是哪个?且其中的字段是什么意思 linux中存储组信息的文件是哪个?且其中的字段是什么意思?2.创建下列用户、组和组成员资格:(1)创建名为 sysmgrs 的组(2)创建用户 natasha 同时指定sysmgrs作为natasha的附加组(3)创建用户 harry 同时指定 sysmgrs作为harry的附加组(4)创建用户 sarah 指定shell类型为/sbin/fals..._sysmgrs

国培计算机音乐教学设计作业,2017国培计划教学设计-程序员宅基地

文章浏览阅读277次。2017国培计划教学设计教学工作任重而道远,面对国培教学内容,希望与挑战并存。下面是学习啦小编为大家整理的2017国培计划教学设计,供大家阅读!2017国培计划教学设计篇1一、指导思想以“提高教学质量”为核心,以“新课程有效教学”为抓手,以校本研修提高教师专业素质为突破口,以远教资源应用为主渠道,以高效课堂为重点,深入开展教学研究,树立“以学生发展为本”的教育思想,不断更新教学观念,改变教师的教学..._音乐提交一份使用信息技术进行教育教学的教学设计,该设计中包括主题、教学对象及

php服务端处理IOS自动续费_php 苹果续费退款回调处理-程序员宅基地

文章浏览阅读1.1k次。公司做的app需要做IAP订阅支付,自己做完总结一下,希望对小伙伴们有帮助我就很欣慰了。代码写的不好 不要喷我。首先讲一下我的业务逻辑:先上图下面详细讲一下,作为服务端具体要做些什么,并贴上对应的代码:第一步:通过客户端传过来的recept(票据)进行生成订单的操作【注意这里需要验证订单是否已存在】,订单生成返回客户端相关信息; public function pay() { $uid = $this->request->header('uid'); _php 苹果续费退款回调处理

广东印发知识产权人才“十四五”规划_优化知识产权人才激励制度-程序员宅基地

文章浏览阅读337次。近日,广东印发知识产权人才“十四五”规划,全面加强广东知识产权人才队伍建设,完善知识产权人才结构,拓宽知识产权人才培养渠道,健全知识产权人才评价激励和流动配置机制,优化知识产权人才工作环境,为广东高质量发展提供坚实的知识产权人才支撑。  《规划》紧抓“双区”建设和两个合作区建设重大历史机遇,牢固确立人才是第一资源理念,紧紧围绕建设知识产权强国先行示范省需求,健全知识产权人才评价激励和流动配置机制,优化知识产权人才工作环境,结合广东经济社会发展实际,着眼知识产权与科技创新、产业发展、商贸融合的发展趋势,将_优化知识产权人才激励制度