前端学习:HTML基本标签

目录

一、标题标签

二、段落标签

三、网址链接标签

四、HTML图像标签

五、HTML注释标签

 六、HTML声明

 七、换行标签

八、 HTML水平线标签

九、粗体文本标签

HTML5规范声明:


一、标题标签

HTML标题(heading)是通过<h1>、<h2>....<h6>等标签进行定义的,数字越大字号越小。

<h1>One heading</h1>
<h2>Two heading</h2>
<h3>Three heading</h3>

 浏览器会自动地在标题的前后添加空行

尽量确保标题就是标题,而不是为了加大或者减小字体而去使用;用户可以通过标题进行快速浏览网页,所以用标题来呈现文档结构很重要

二、段落标签

HTML段落是通过<p>标签进行定义的。

<p>第一个标签</p>
<p>第二个标签</p>

 浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)

 使用空的段落标记<p></p>去插入一个空行是一个坏习惯,可以用换行符<br/>替换

三、网址链接标签

HTML网址链接是通过<a>标签进行定义的。

<a href="http://www.baidu.com">这是一个网址链接</a>

href:用于指定链接中的地址。

四、HTML图像标签

HTML图像是通过<img>标签进行定义的。

<img src="baidui.png" wight="100" height="50" />

图片尺寸可以自己定义

五、HTML注释标签

HTML注释也可以采用双斜杠的方式,一般采用以下形式:

<!--这是注释,运行时不显示-->

 六、HTML<!DOCTYPE>声明

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

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

 七、换行标签

<br />是可插入的一个简单换行符

<br />标签是空标签(没有结束标签)

可以写成<br>,但是为了规范最好写为<br />

 

八、 HTML水平线标签

<hr />标签在HTML页面中创建水平线

hr元素可用于分割内容

 

九、粗体文本标签

<b>标签规定粗体文本 

根据HTML5规范,在没有其他合适标签更合适时,才应该把<b>标签作为最后的选项。

 

HTML5规范声明:

应该使用<h1>-<h6>来表示标题,使用<em>标签来表示强调的文本,应该使用<strong>标签来表示重要的文本,应该使用<mark>标签来表示标注的/突出显示的文本

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/7412.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

cgroups是linux内核中限制、记录、隔离进程组(process groups)所使用的物理资源的机制

容器虚拟化 可以实现应用程序的隔离 直接使用物理机的操作系统可以快速响应用户请求 不占用部署时间 占用少量磁盘空间 缺点∶学习成本增加、操作控制麻烦、网络控制与主机虚拟化有所区别、服务治理难。 微服务架构师需要会多门编程语言&#xff0c;才能治理各种服务 三种…

【ChatGPT】ChatGPT 能否取代程序员?

Yan-英杰的主页 悟已往之不谏 知来者之可追 C程序员&#xff0c;2024届电子信息研究生 目录 前言: ChatGPT 的优势 自然语言的生成 文本自动生成 建立了更人性化的人机交互 ChatGPT 的局限性 算法的解释能力较差 程序的可实现性较差 缺乏优化和质量控制 程序员相较于 …

对象的比较(数据结构系列12)

目录 前言&#xff1a; 1.PriorityQueue 1.1PriorityQueue的特性 1.2PriorityQueue的构造器 1.3大根堆的创建 1.4PriorityQueue中函数的说明 2.java中对象的比较 2.1基本类型的比较 2.2对象的比较 2.2.1覆写基类的equals 2.2.2基于Comparable接口类的比较 2.2.3基于…

2023中国程序员薪酬报告出炉,你拖后腿了吗?

程序员薪资高已是公认的事实&#xff0c;但是具体高到什么程度呢&#xff1f;近期&#xff0c;全球人力服务公司 Michael Page Internatioal 就发布了《2023 中国大陆薪酬报告》&#xff0c;揭示了中国程序员的薪酬情况。 该报告中一共调研了国内 7 个行业以及 6 大城市不同职…

mysql知识点看这一篇就够了!

存储引擎 InnoDB InnoDB 是 MySQL 默认的事务型存储引擎&#xff0c;只要在需要它不支持的特性时&#xff0c;才考虑使用其他存储引擎。 InnoDB 采用 MVCC 来支持高并发&#xff0c;并且实现了四个标准隔离级别(未提交读、提交读、可重复读、可串行化)。其默认级别时可重复读…

ChatGPT 存在很大的隐私问题

当 OpenAI 发布时 2020 年 7 月的 GPT-3&#xff0c;它提供了用于训练大型语言模型的数据的一瞥。 根据一篇技术论文&#xff0c;从网络、帖子、书籍等中收集的数百万页被用于创建生成文本系统。 在此数据中收集的是您在网上分享的一些关于您自己的个人信息,这些数据现在让 O…

Java分布式事务(七)

文章目录 🔥Seata提供XA模式实现分布式事务_业务说明🔥Seata提供XA模式实现分布式事务_下载启动Seata服务🔥Seata提供XA模式实现分布式事务_搭建聚合父工程构建🔥Seata提供XA模式实现分布式事务_转账功能实现上🔥Seata提供XA模式实现分布式事务_转账功能实现下🔥Se…

前端后端交互系列之原生Ajax的使用

目录前言一&#xff0c;Ajax概述二&#xff0c;基础知识之Http协议2.1 请求报文2.2 响应报文2.3 如何查看通信报文三&#xff0c;Ajax简单案例3.1 Express框架创建服务端3.2 Ajax案例后台准备3.3 Ajax案例前台准备3.4 发送get请求3.5 发送带有参数的Ajax请求3.6 发送post请求3.…

C的实用笔记39——结构体占用内存大小(了解)

1.结构体成员列表的存储现象 1、知识点&#xff1a; 我们在结构体这个整体中定义的成员变量是挨着的&#xff0c;这让我们容易误以为它们的存储方式也是挨着的&#xff0c;但其实并不是。我们之前用sizeof测过&#xff0c;在gcc编译器下&#xff0c;不论什么类型指针&#xf…

Vue+H5如何适配各个移动端?

前言 我们都知道&#xff0c;在做移动端的项目的时候&#xff0c;我们最首先的是要指定适配各种机型的方案&#xff0c;让一套代码能够在不同分辨率的机型下顺应自如。想知道移动端适配原理的小伙伴可以先移步看看这篇文章&#xff1a;解决移动端适配方法总结&#xff0c;相信…

netty 实现websocket 携带参数建立连接

Netty提供了很好的WebSocket支持&#xff0c;可以通过添加WebSocketServerProtocolHandler实现暴露一个WebSocket接口。但是&#xff0c;如果需要在WebSocket的URI中添加参数queryString&#xff0c;例如/im/ws?w221100234&t99&#xff0c;则连接可能无法建立&#xff0c;…

VSCode卸载、重装配置、常用快捷键

VSCode彻底卸载 彻底卸载VSCode 控制面板卸载VSCode.删除安装插件 winR输入%userprofile%&#xff0c;删除当前路径下的.vscode文件夹。删除用户信息和缓存信息 winR输入%appdata%&#xff0c;删除当前路径下的Code和Visual Studio Code文件夹。 VSCode重装插件配置 Chinese&…

【ChatGPT 】国内无需注册 openai 即可访问 ChatGPT:ChatGPT Sidebar 浏览器扩展程序的安装与使用

一、前言 问题&#xff1a;国内注册 openai 账号麻烦&#xff0c;新必应有部分人也无法登录成功&#xff0c;存在域名单点登录失败等问题&#xff0c;所以无法真正使用 ChatGPT 解决&#xff1a;大部分人仅需使用 ChatGPT 的搜索功能&#xff0c;无需真正对话&#xff0c;需要…

【软件设计师10】软件工程

软件工程 1. 瀑布模型SDLC - 结构化 优点&#xff1a;结构化方法模型&#xff0c;每个阶段分工明确&#xff1b;出现问题可以向上层回溯 缺点&#xff1a;需求阶段难以把控&#xff0c;在项目初期&#xff0c;软件的需求几乎是不明确的&#xff0c;等开发完用户往往再提出问…

SpringSecurity实战解析

文章目录一、Security认证和原理1、认证基本流程1.1 表单认证概述1.2 基本流程分析1.3 权限访问流程2、请求间共享认证信息2.1 概述2.2 获取认证用户信息3、认证的几种方式4、注解权限4.1 概述4.2 Secured注解使用方式4.3 jsr250Enabled4.4 prePostEnabled 规范(重要)5、自定义…

为什么系统的Swap变高了?

我们知道当发生了内存泄漏时&#xff0c;或者运行了大内存的应用程序&#xff0c;导致系统的内存资源紧张时&#xff0c;系统又会如何应对呢&#xff1f;我们知道&#xff0c;这其实会导致两种可能结果&#xff0c;内存回收和 OOM 杀死进程。 我们先来看后一个可能结果&#x…

吴恩达机器学习--逻辑回归

文章目录前言一、普通二分类逻辑回归需求分析程序设计1. 导入数据2. 可视化数据3. 划分数据4. sigmoid函数5. 假设函数6. 损失函数7. 梯度下降算法8. 可视化模型9. 模型准确率10. 试试sklearn库11. sklearn的准确率12. 完整程序二、 复杂二分类逻辑回归需求分析程序设计1. 逻辑…

面向对象编程(基础)5:类的成员之二:方法(method)

目录 5.1 方法的引入 5.2 方法(method、函数)的理解 举例1&#xff1a; 举例2&#xff1a; 5.3 如何声明方法 1、声明方法的语法格式 &#xff08;1&#xff09;一个完整的方法 方法头 方法体。 &#xff08;2&#xff09;方法头可能包含5个部分 &#xff08;3&…

前后端交互系列之跨域问题

目录前言1. 同源策略及跨域2. 跨域解决方案之JSONP3. 设置CORS响应头实现跨域后记前言 我们在做前后端交互的时候&#xff0c;会遇到跨域问题。本节内容将带领读者了解什么是跨域问题&#xff0c;以及跨域问题的解决方法。 1. 同源策略及跨域 我们所了解的Ajax默认是基于同源…

centos7离线安装docker

前言 在没有互联网的情况下想要安装某些软件用docker是十分方便的一种方式&#xff0c;例如oracle。原生的oracle安装是非常麻烦的&#xff0c;本人亲眼目睹一个专门搞oracle的公司的人安装oracle三天没有成功&#xff01;因此不得不学习在没有互联网的情况下使用docker来安装…
最新文章