＜HTML学习＞基础标签（1）

最新推荐文章于 2022-11-11 14:19:12 发布
最新推荐文章于 2022-11-11 14:19:12 发布
阅读量645 收藏
点赞数
分类专栏： Html学习 文章标签： html 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37638874/article/details/123161966
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
	</body>
</html>

Html的基本框架如上
从上往下，从外往里，第一个是

<!DOCTYPE>

<!DOCTYPE 文档类型>

位于文档中最前面的位置，用来告知浏览器我将要使用的文档类型，文档类型可以是 HTML 、 XML 等等

html

<html>

</html>

Html完整的页面，包含在这个标签内，/html是用来做标签的闭合

head

<head>
		
</head>

html的头部标签，用来申明编码格式、申明标题、引用.js文字、申明有关页面的关键字等等

body

<body>

</body>

body包含了页面可见的元素

meta

<meta charset="utf-8">

申明编码格式

<meta name="keywords" content="html学习，基础标签">

对页面进行描述的关键词，可方便进行SEO搜索

title

<title>网站标题</title>

网站标题

link

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

标签定义文档与外部资源的关系,上述就是引用了一个css样式文件

script

<script type="text/javascript" async="" src="https://g.csdnimg.cn/??asdf/1.1.3/trackad.js,iconfont/nav/iconfont-1.0.1.js,notification/1.3.8/notify.js,notification/1.3.8/main.js"></script>

引入js文件

以上是常见的几个头部标签

注释标签

<!--注释不会在浏览器中显示。-->

段落标签

<p>段落。</p>

标题标签

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

换行标签

</br>

水平线标签

<hr>

文本标签

<strong>加粗</strong>
<b>加粗</b>
<i>斜体</i>
<u>下划线</u> 
<sup>上标</sup>
<sub>下标</sub>
<del>删除线</del>
<font>规定字体属性</font>
徐记荣
关注
专栏目录
html学习笔记1 基础标签
05-25
HTML 学习笔记 1 - 基础标签 HTML（HyperText Markup Language）是一种超文本标记语言，用于创建网页的标记语言。以下是 HTML 学习笔记 1 - 基础标签的知识点总结。 声明标签 * `<!DOCTYPE html>`：声明 HTML ...
web---HTML基础知识
Allure泽宇的博客
06-11 5551
HTML基础知识内容总结
html中的爱心小特效。
muweichang的博客
11-09 1万+
hello，分享一个好玩的，我想大家大家有时候也是比较累吧，最近这个特效也是很火，我就拔来了一下源码，这里和大家看一下，【爱心代码｜源码在视频简介｜这次一定！】 https://www.bilibili.com/video/BV1Ye411F7EZ/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352爱心代码｜源码在视频简介｜这次一定！代码在这里： ，人家写的就是不一样，这个Javascrip,还是要学好Javascrip，不然难
html基础学习
weixin_52676304的博客
10-15 5302
html新手学习，以菜鸟教程为主
html使用
悲欢离合
04-25 823
1.html说明 1.1<!--注解 --> 注释:解释说明，对代码的说明；注释浏览器不解析 2html:超文本标签语言 浏览器解析； 弱语言：偶尔写错浏览也能解析；程序员编写的时候尽量规范； 3标签的作用：让html页面语义化 4标准的html格式 文档声明：<!doctype html> html标签：包括所有内容 head标签：文档头，包括一些关于页...
前端基础路线一：HTML编码规范
SOLar7SysteM的博客
03-06 1452
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
HTML中table表格标签的基础学习教程
12-14
表格的标签组成HTML中的表格是由<table>为主体标签，浏览器会将该标签解释为一个表格。表格中的行使用<tr>标签进行定义。<tr>标签为<table>标签的... <td>我是单元格1</td>  <td>我是单元格2</td>  </tr>  </t
前端学习day01-HTML标签01
最新发布
06-21
<li>项目1</li> <li>项目2</li> <li>项目3</li> </ol> ``` 表格`<table>`、行`<tr>`、列`<th>`和数据单元格`<td>`是组织数据的好工具。例如： ```html <table> <tr> <th>姓名</th> <th>年龄</th> </tr> ...
HTML基础代码资源
03-23
3. **基本标签**：HTML的主体内容由一系列元素组成，如段落（`<p>`）、标题（`<h1>`到`<h6>`）、无序列表（`<ul>`和`<li>`）、有序列表（`<ol>`和`<li>`）、图片（`<img>`）等。 4. **块级元素与内联元素**：块级...
html基础知识学习笔记分享
04-09
`<img>` 标签插入图片，`src`属性指定了图片的URL，`alt`属性提供了图片加载失败时的替代文本，`width`和`height`可以设置图片尺寸。`<img>`是自闭合标签。 8. **链接标签**： `<a>` 创建超链接，`href`属性指定...
html爱心特效代码
热门推荐
梦游星海的博客
10-26 44万+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywor...
Css3动画效果，超简单的loveHeart，爱心特效，程序员表白必备
狼丶宇先森的网络科技空间
06-24 1万+
简简单单的随意一写. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Css3动画效果,彩色文字效果,超简单的loveHeart</title> <link rel="stylesh...
HTML基础（一）
牢骚太盛防肠断，风物长宜放眼量
05-17 7446
本文是作者在学习html过程中对知识的初步整理 1.第一个程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> <body> hello HTML,I am shuaigeliu </body> </html> htm.
抖音爆火李峋同款爱心代码，简单附带教程，还有烟花代码，手残党也能学会！！
m0_59162248的博客
11-11 7万+
最近看到抖音爆火的一些HTML代码，有人找"极客G"更新，今天用了几个小时给大家整理出来了下面几个代码，最简单的就是第一个爱心代码，第二个烟花代码可自定义文本，具体看下面。
HTML中head和meta标签以及其他
ryuhfxz的博客
10-16 667
head标签：         title：             标题&lt;title&gt;&lt;/title&gt;         meta:             简化字符集设置：&lt;meta charset="utf-8"/&gt;             标准字符集设置：&lt;meta http-equiv="content-type" content="text/ht...
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
share something here
09-26 7856
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
html表白_HTML 表白网页
weixin_39636099的博客
12-01 3420
还在为不知道怎么表白而发愁吗？这里给你最新最好的一手表白的作品，给TA一个浪漫的惊喜吧!<html><head><meta charset="utf-8"><title>love_xltitle><link href="favicon.ico" rel="shortcut icon" /><style>body...
HTML5七夕情人节表白网页制作【粉色樱花雨3D相册】HTML+CSS+JavaScript
HTML网页设计
07-21 1万+
1 网页简介：基于 ,快来制作一款高端的表白网页送(他/她)浪漫的告白,制作修改简单,可自行更换背景音乐,文字和图片即可使用2.网页编辑：任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。代码如下（示例）：以下仅展示部分代码供参考~ 2.CSS代码 三、精彩专栏推荐： 看到这里了就 【点赞，好评，收藏】 三连 支持下吧，你的支持是我创作的动力。HTM
跳动的爱心（可改颜色）
无
11-08 3307
跳动的爱心
HTML基础教程：常用标签与<!DOCTYPE>解析
对于初学者来说，了解这些基础标签是学习HTML的前提。" HTML标签是构成网页结构的基础，其中<!---->标签用于插入注释，这些注释不会在浏览器中显示，而是帮助开发者理解和维护代码。注释可以包含对代码的解释，或者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值