首页 > 其他分享 >HTML常用标签超详细整理

HTML常用标签超详细整理

时间:2022-10-17 15:45:06浏览次数:47  
标签:常用 标签 列表 HTML 超链接 设置 页面

来源:https://blog.csdn.net/shengyin714959/article/details/125009120

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工具((Integrated Development Environment),全称是集成开发环境 )

(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:设置下标

 

 


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

标签:常用,标签,列表,HTML,超链接,设置,页面
From: https://www.cnblogs.com/Dongmy/p/16799330.html

相关文章

  • Java基础(八)| 常用API与StringBuilder详解
    ⭐本专栏旨在对JAVA的基础语法及知识点进行全面且详细的讲解,完成从0到1的java学习,面向零基础及入门的学习者,通过专栏的学习可以熟练掌握JAVA编程,同时为后续的框架学习,进阶开......
  • 关于underscore 在node中常用应用
    Underscore.js是一个很精干的库,压缩后只有4KB。它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了JavaScript的编程。可以完美地应用到nodejs环境中。const_=......
  • 河北稳控科技智能振弦传感器的核心技术-电子标签模块
    河北稳控科技智能振弦传感器的核心技术-电子标签模块在前面我们讲了《振弦传感器的发展及信息化的核心技术-VM系列振弦采集模块》中提到河北稳控科技研发并批量生产的激励......
  • java--Lang包常用类
    1.1Integer对int类型的数据的包装。privatefinalintvalue;维护Integer的数据publicfinalclassInteger extendsNumber implementsComparable<Integer>st......
  • php 常用工具函数
    返回时间戳差值部分,年、月、日functionget_date_diff($startstamp,$endstamp,$return='m'){$y=date('Y',$endstamp)-date('Y',$startstamp);$m=d......
  • 【学员分享】程序员效率神器,最常用VIM插件安装大全
    相信大家多次被推荐用vim作为编辑程序,知道vim编辑有很多优点,但是vim初始界面太原始了,安装了之后只能用来编辑,如果要运行就需要退出去运行,麻烦死了。回想用现成的IDE是多么的......
  • OC项目中常用第三方库和框架介绍
    1.AFNetworking(网络请求)一款轻量级网络请求开源框架,基于iOS和macos网络进行扩展的高性能框架,大大降低了iOS开发工程师处理网络请求的难度,让iOS开发变成一件愉快的事情。gi......
  • 网页源码加密JavaScript程序,有效压缩和加密JS、Html、Css页面数据
    我们知道,基于Des或Aes对称加密时,当明文和密码相同,则密文相同。而我们此次发布是WJLSymmetricEncryption4.js(点击链接跳转到下载页面)加密程序,当明文和密码相同,每次加密后的......
  • 直播带货源码,HTML + jQuery 实现轮播图
    直播带货源码,HTML+jQuery实现轮播图HTML页面部分1、首先创建可视窗口添加6张图片,添加CSS样式 2、添加左右切换按钮,设置样式 3、添加图片导航器,设置样式,添加悬......
  • TWebBrowser操作Html(禁止右键菜单,HTML的事件,打印和预览...)l[转]
    用什么实现HTML的界面用Delphi实现HTML界面的应用主要有两种选择:WebBrowserControl或MSHTML。为了弄清两者如何选择,我们先来看看InternetExporer4.0及其后续版本的体系......