html初学入门之常用标签

最新推荐文章于 2024-11-03 19:27:37 发布
最新推荐文章于 2024-11-03 19:27:37 发布
阅读量113 收藏
点赞数
分类专栏： # 前端全栈 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45618521/article/details/118660254
版权

文章目录

常用标签

基本结构

在这里插入图片描述
DOCTYPE含义：告诉浏览器采用某一个规范，按照某某规范来解析它（有点像是条指令）

规定整个文档编码的方式

在这里插入图片描述
W3C验证文件
第二行建议加

标题

在这里插入图片描述
在这里插入图片描述

段落

在这里插入图片描述
在这里插入图片描述
要想渲染多个空格，使用&nbsp；&nbsp；&nbsp；
p标签自动填充浏览器界面，随着缩小自动折行

结构标签

在这里插入图片描述
标签可以进行嵌套
外层的div元素包含了内层的div元素

<body>
	<div>电子产品
		<div>手机</div>
		<div>电脑</div>
	</div>
</body>

链接

在这里插入图片描述
在这里插入图片描述
设置一个target

target="_self"

此时没变化

target="_blank"

会在原来界面上新建一个页面打开

a标签点过之后颜色会发生变化

设置公共标签base

<head>
	<base target="_blank">
</head>

不用再去a标签每一个都添加
如果想保持一个网站不增加新页面，只需在一个里面添加target="_self"
在这里插入图片描述
在这里插入图片描述
空标签作为一个按钮存在，但是有html5之后用不到了

图片

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
设置值相当于固定，去掉一个按比例进行缩放
在这里插入图片描述
title鼠标暂停在图片上，会显示的文本内容
在这里插入图片描述
结尾加/形成自闭合的单标签（标准书写格式）

链表

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
显示效果
type里面取值为none，前面图形符号不再显示

ol是有序列表
在这里插入图片描述
在这里插入图片描述

空LA
关注
专栏目录
html标签(入门)基本常用简介
qq_46510107的博客
03-30 192
html标签(入门) <img scr =‘’ 地址’’ alt=‘’图片介绍‘’> <video scr=‘’地址’’ controls =‘’controls’’><video> (controls给视频文件添加播放按钮) (淘汰标签autoplay=‘’autoplay‘‘自动播放视频插件，占用浏览器资源默认关闭) <audio ’scr=’‘地...
【HTML】最基础最常用的html标签 (入门初学必备的html标签)
YK菌的博客
11-30 868
文章目录1. 标题标签2. 段落标签Paragraph3. 换行标签Break4.文本格式化标签加粗斜体删除线下划线5. 盒子标签6. 图像标签image7. 超链接anchor8. 注释标签9. 特殊字符10. 表格标签10.1 相关标签10.2相关属性10.3合并单元格11. 列表标签11.1 无序列表11.2 有序列表11.3 自定义列表11.4 列表总结12. 表单标签12.1 表单域12.2 表单控件（表单元素）12.2.1 input 收集用户信息12.2.2 label 标注/标签12.2.3
初学HTML5：基本语法、常用标签
lalala_dxf的博客
03-14 1844
文章目录HTML简介开发环境搭建html文件内容以及基础语法介绍常用基础标签常用功能标签H5新增语义化标签 HTML简介 HTML是HyperText Markup Language的简写，中文名叫超文本标记语言，它不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
HTML入门,HTML常用标签（上），VSCode
weixin_43412762的博客
04-24 295
绝对路径很少使用（换了电脑，路径可能就变了） 超链接标签 外部链接必须以http://开头 锚点链接 HTML中的注释和特殊字符 注：仅供初学HTML参考
html初学入门（上）
kongla
07-11 83
web简史 web的诞生 W3C 网站 web浏览器 web服务器 初识html web开发 web标准 开发工具 vscode html发展史 html标签 常用标签 表格标签 表单标签
HTML怎么学？| 小白入门笔记大全（语法规范、常用标签用法介绍、学习网站）
waski的博客
10-19 844
HTML怎么学？| 小白入门笔记大全（语法规范、常用标签用法介绍、学习网站）
HTML基础（新手入门教程）
m0_61225117的博客
10-25 1282
HTML(Hyper Text Markup Language):超文本标记语言是一种用于创建网页的标准标记语言。「所谓超文本，有2层含义：」因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。
VS code入门笔记（一）常用标签介绍
qq_45127565的博客
06-01 2435
今天在课堂上重新学习了使用VS code软件创建html文件，在课堂上学习了HTML的结构，主要是讲了一些常用标签，在这里做了一些笔记，如有错误，欢迎大家指正！
HTML入门
qq_54556698的博客
11-22 2503
HTML是一种标记语言，用来组织页面，使用元素和属性。这个元素的主要部分有：元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。
HTML初学者HTML常用标签，入门可看
01-11
理解并熟练运用这些基本HTML标签和属性是成为HTML初学者的关键步骤，它们构成了网页的基本构造块，也是进一步学习CSS和JavaScript的基础。通过实践和不断探索，你可以创建出功能丰富、设计精美的网页。
HTML基础入门：常用标签详解及特效
在这篇文章中，我们将深入探讨HTML常用标签，对于初学者来说，这些基础知识至关重要，能够帮助他们快速理解和构建网页结构。 首先，我们来看"跑马灯"标签，这是一种动态效果，通过 `<marquee>` 标签可以实现文本的...
HTML基础入门与常用标签详解
本笔记旨在为初学者提供一个概览，帮助他们快速理解和掌握HTML的基本原理和关键元素。 1. **基本结构**： HTML文档的核心由`<html>`、`<head>`和`<body>`三个主要标签构成。`<html>`标签是整个文档的根节点，`...
HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 225
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
炫酷的登录框!(附源码)
m0_50864141的博客
10-29 2080
【代码】炫酷的登录框!(附源码)
HTML 块级元素和内联（行内）元素详解
最新发布
Allen-
11-03 39
块级元素是页面中的结构元素，它们独占一行，通常用于搭建页面的主要框架，如段落、容器、标题等。它们无论其内容多少，都会占据父元素的整个宽度。这种特性使得块级元素特别适合用于页面的整体布局和内容的分区组织。内联元素是页面中用于**修饰或嵌入小块内容的元素，它们不会独占一行，可以与其他内联元素或文本同行显示，因此也叫行内元素
HTML 标签属性——id、class、style 等全局属性详解
Allen-
11-02 142
HTML全局属性是一组可以应用于几乎所有HTML元素的特殊属性。这些属性提供了额外的功能和信息，使得网页开发者能够更好地控制元素的行为、样式和可访问性。
前端之html(二)加入css开篇(一)
m0_72898512的博客
10-29 751
男女
HTML小阶段二维表和思维导图
2301_79075752的博客
10-29 942
下面是对标签、元素、属性的对比二维表，通过对比3w1h（what是什么、where用在哪、why为什么要用、how如何用）来学习区分学习标签、元素、属性标签元素属性what（Tags）标签是用来标记内容块或标明元素内容意义（Element）网页内容是由元素组成的，一个元素通常由一个开始标签、内容、其他元素及一个结束标签组成。（Attribute）与元素相关的特性，用于提供额外的信息或配置选项。where开始标签：位于元素的开头，用于标记一个元素的开始。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

空LA

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值