作者名：1_bit 简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。
在这篇文章之前，已经初步的了解了HTML是怎么创建了，接下来，我们要用创建的文件去写我们进入前端的第一个demo，当然了，如果你忘记了，我之前的文章里也有详细的步骤。
通过前三篇的学习，相信你们对HTML有了一些基础的了解，那么我们就来先做一个小练习，巩固一下之前所学习的知识。
这里是加粗文本 这个文本是加粗的 这里是字体放大 这里是字体缩小 这里是斜体的 这个文本是斜体的 这个文本包含 下标 这个文本包含 上标
HTML定义了具有特殊意义的特殊元素定义的文本，比如，使用元素来格式化输出，如粗体或斜体文本。
<！DOCTYPE>文档类型声明，作用就是告诉浏览器使用的是哪种HTML版本来显示网页
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 这是h1标签 这是h2标签 这是h3标签 这是h4标签 这是h5标签
image.png 干 SEO一定要懂 HTML，说的一点都对，其实就是不需要懂所有的东西，最关键的你懂了就会用，基本上都是事半功倍。能够这样说，不懂代码的优化人员并不是一个合格的优秀优化人员。以下就是做优化总结，一定要了解一些最重要的 html代码，希望对大家有所帮助。搜索引擎优化常用 HTML代码大全，及权重排序 1. Title网站标题标签 Title标签有两种用途，一是用于网站的主题描述，一是告诉网友该网站的主旨是什么，该网站的类型，一是用于网站主题描述的一般词语，二至三个为最好。现在搜索引擎
我们把文字内容直接添加到body标签内，网页中就可以展示内容了，为什么要学标签呢？那图片怎么添加？链接怎么添加？网页中带有的颜色大小等怎么控制呢？
在只允许使用html，不能使用js和css的情况下，也能把CSDN的自定义模块玩出花来
HTML 提供了大量的文本标签，以供我们在制作网页时使用。这些标签可以帮助我们更好地组织和格式化我们的文本内容。以下是一些常用的 HTML 文本标签。
今天2017.0605上午，主要学习了常用标签和列表，以下面代码为例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="t
p,h,a,b,u,i,s,em,del,ins,strong,ul,li,ol,
像行内短语/图片/加粗等被称为内联标签，此标签不会为自己的内容占据新的一行，即此标签的内容会承接在上一个标签之后（同一行）。不可以设置宽高，但可以设置内边距和外边距，但外边距不能设置上下外边距。
学习完上边几节html课程之后，你会发现html的标签还挺多的，为了能更好地在网页制作过程中熟练使用他们，我们今天讲讲标签分为几大类以及他们之间的区别。
每个网页都有一个基本的结构标签（也称骨架标签），页面内容也是在这些基本标签上书写。HTML页面也称为HTML文档。
第一章静态网页制作： 什么叫做HTML：超文本标记语言 HTML优势：世界知名浏览器都支持Google，苹果，微软，等等……还有市场需求 跨平台：1.win系统 2.苹果系统 3.linux系统 w3c标准包涵：1.结构化标准（XHEML,XML） 2.表现化标准（CSS） 3.行为化标准（DOM,ECMAScript） 网页的基本标签： 1.标题标签：h1~h6 格式：你好 2.段落标签：p 格式：你好 3.换行标签：br（单标签）格式：你好你好 4.水平线标签：hr 格式：
你好
在浏览网页中最先关注的是文章的标题,字体很大很突出. 通常使用对标签.h标签分为6种,分别是 - ,字体从大到小.
下面对常用标签进行简单的试例，详情见http://www.w3school.com.cn
❤w3school快捷通道❤ ————————————————————————— Web标准构成的三部分：
标签具有默认样式，由浏览器所决定的，为了达到在各个主流内核的浏览器页面样式显示一致，会重置具有默认样式的标签，得到样式表，就是 reset.css / base.css
但是，当你按照要求向有序列表嵌入样式时，比如： 题目要求(歌手分类字母用标签，并使用font-weight设置字体加粗，红色)。这是span我们已经采用有序列表的方式了！再对每个列表项前的符号设置字体加粗，红色时，你会发现列表内容也跟着变成红色并加粗了！
设置背景图片 background-image: url(…/imgs/1.jpg);
1.html5 HyperText Markup Language 5.0 超文本标记语言5.0 2.页面基本框架 <!DOCTYPE html>
HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。作为互联网的基础，HTML在网页设计与开发中起着至关重要的作用。对于任何一个想要深入了解网页制作的人来说，掌握HTML的知识是必不可少的。本篇文章旨在帮助小程的所有小伙伴们更好地理解和应用HTML。 手敲了一篇学校学不到，平时自己不注意的细节，对以后在前端方向深入学习打下良好基础。
Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。
上周我们讲解了HTML与CSS的学习方法，并且概览了一下HTML与CSS，今天我们就开始进入“课程内容”的第一课。 讲法声明 - 很重要，请先查看 关于HTML与CSS的讲法，我们采取的是随讲随练的方式，每节课程之后都为各位设计了能够实现的“小功能”。换句话说，我们在课程中以“实现页面开发”为目的，一步一步的进行实现，在其中一些相关的“细节”知识点我们暂时先忽略掉，先完成主干的学习。在一个阶段的主干知识学习完成之后，我们再回头详细分析“细节”。这样更有利于大家的吸收和理解，不容易陷入到一些不必要的问题当中
Markdown提供了一个特殊符号 > 用于段首进行强调，被强调的文字部分将会高亮显示
做业务开发时间久了，很多基础的知识慢慢被遗忘，但往往这些基础和原理性的知识才是最重要的，丢不得。
有时候有人会用大写字母做这个声明，不要觉得高大上或者觉得是不是不一样，作用是一模一样的。
上面知识点知识本人总结的，想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站，免费开源！！！
<!DOCTYPE HTML> <html> <head> <title>百度一下，你就知道</title> </head> <body> …… </body> </html>
一些话 Hello~ 我是不干人事的Tanger，首先欢迎你阅读我的文章?，也很期待各位大佬的指正，如果对这篇文章感兴趣的话，不妨收藏一下⭐本页面，如果有什么想对作者说的话可以通过两种方式联系作者：
作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。
本博客所有文章如无特别注明均为原创。作者：十月梦想 ，复制或转载请以超链接形式注明转自 十月梦想博客 。 原文地址《HTML的行元素和块元素》
作者在求学期间自学了前端界面相关的，算是有一些基础， 但是在工作中前端知识一直没有用武之地，导致前端的知识七零八落的不成体系，所以痛腚思痛，这篇专栏主要是回顾学习之前的知识，同时跟随B站黑马程序员的视频，边看边学 视频在这里~ @B站黑马程序员视频
标签之间的结构关系, 构成了一个 DOM 树 D: Document 文档 O: Object 对象 M: Model 模型
本博客所有文章如无特别注明均为原创。作者：十月梦想 ，复制或转载请以超链接形式注明转自 十月梦想博客 。 原文地址《html常用标签标记》
属性的作用就是就为元素提供更多的信息，大多数元素都可以拥有属性 属性的语法：<标签 属性1=参数1> 注意空格的使用
2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。
Markdown 即便在 2022 年也非常常用，比如这篇文章依然采用 Markdown 编写。
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们该有的方式来运行） 而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
Typora 是 Windows 下最好的 Markdown 编辑器！不接受反驳~
来来来,实现一个简单的布局. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;margin: 0px;} .header { width:
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
