HTML 教程（带你入门）

最新推荐文章于 2024-08-27 10:06:21 发布

桃之夭夭QAQ

最新推荐文章于 2024-08-27 10:06:21 发布

阅读量248

点赞数 1

分类专栏： html 文章标签： html5 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_57519583/article/details/129168211

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

什么是html

HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 。它不是一种编程语言，而是一种标记语言。

html的网页结构

<!DOCTYPE html>
<html>
    <head> 
        <meta charset="..."/>
        <title>...</title>
    </head>
    <body>
            ...
    </body>
</html>

<!DOCTYPE html>文档声明写在所有代码之前，告诉浏览器，我是按照html规范来编写的浏览器编译的时候按规则来，防止出现乱码

<html></html>根标签一个页面只有一个所有的内容都要写在里面 -->

<head> </head>头标签给浏览器看的，可以辅助浏览器来解析代码 -->

<title> </title>标题标签主要是配合属性以及对应的属性值来帮助浏览器解析代码

<body> </body>主体标签书写网页主体内容用户看到的内容都在这个标签了内 -->

实体

1：什么是实体

在浏览器有一些特殊符号，浏览器提前征用程序员要不可用，如果非要用就要用额外的字符去代替，这些字符就叫实体

2：实体语法

&+实体名字+;

3：常用的实体

 空>大于号<小于号©版权符号

常用标签

1.标签的使用

关注语义不是样式

2. h系列标签

包裹的内容就是标题

作用：帮助SEO部门做推广，语义作用仅次于title标签而且h1到h6语义逐步降低 h1语义最重，一般情况下一个页面只有一个h1，我们常用的是h1~h3

默认样式：加粗加黑 h1~h6字体逐步减小独占一行行与行之间有较大的间隔

3.段落标签

<p>丰楚此程磊杨，而后之司屯非，的赐当，降。

</p>

<p>唯褒老妄看，的攻盲善的而服读因联县，大。</p>

<p>回事奔高迷德五了导策，洪前家啦洪么自洞。</p>

语义：表示内容中的一个自然段

默认样式：独占一行行与行之间有较大的间隔

特殊标签：只能用来包裹文字或者图片不能放其他内容

4.hgroup标签

</hgroup>

hgroup标签用来为标题分组可以将一组相关标签放一起样式上没有区别

5.em标签

em标签表示语音语调的加重强调

默认样式：字符变斜体不会独占一行

6.strong

<strong>强调语音语义标签</strong>

strong 语义表示内容重要性强调

默认样式：字符加粗不会独占一行

7.blockquote

孔子曰：

</blockquote>

语义：引用别人的话

默认样式：引用话会有间隔

8.q

<q>皇是我老那，承恩看。</q>

q 表示短引用默认样式：加了双引号

9.br

<br>

br表示强制换行单标签

10.hr

<hr>

分割线单标签

11.del

<del>表示删除的内容</del>

删除线标签表示删除的内容

12.center

居中标签

居中效果独占一行块元素

13.div

布局没有意义的元素

默认样式：独占一行

14.span

一般用来包裹文字不会独占一行

结构标签

<header>网页的头部</header>

header 网页的头部

<main>网页的主体</main>

main 网页的主体

<footer>网页的底部</footer>

footer网页的底部

nav网页的导航

aside网页的导航

article文章之类的

section独立的区块，上面的标签都不合适，就用这个

一般情况一个页面只能有一个header，一个main 一个footer

以上的标签都是html5新增的标签