龙空技术网

HTML核心标记----你有get到哪些?

faction 54

前言:

现时看官们对“html的主要标记”大概比较着重,同学们都想要学习一些“html的主要标记”的相关资讯。那么小编也在网上收集了一些关于“html的主要标记””的相关资讯,希望我们能喜欢,同学们快快来了解一下吧!

一、HTML的核心标记

1、HTML的文档结构

<html> //告诉浏览器后面的代码是html代码

<head> //告诉浏览器当前网页如何显示,如编码,关键词

</head>

<body> //告诉浏览器这里是主体部分,显示到网页中

</body>

</html> //html结束

<html></html>:告诉浏览器,其中的代码用的什么格式;

<head></head>:告诉浏览器,这是网页的头部,包括了定义网页的一些内容的标签,如:标题、字符集等

<meta>:就是定义网页字符集、描述、关键词等内容的。

如:<meta charset=”utf8”> 字符集:功能:告诉浏览器,如何翻译汉字。

<title></title>:当前网页的标题,在网页中是必须的

定义浏览器工具栏中的标题提供页面被添加到收藏夹时的标题显示在搜索引擎结果中的页面标题

<body></body>:网页的主体部分,网页中主要内容都要写到body里。

2、HTML的注释

<!--写注释内容-->

3、代码的规范

HTML标记不区分大小写,建议小写。如:<font>、<Font>、<fOnt>HTML标记属性可有可无。有的标记是没有属性的,如:<html>、<head>、<title>等双标签的内容在开始和结束标签之间,单标签没有内容。HTML标签可以相互嵌套,但一定注意是顺序嵌套,外层套内层,一层套一层

4、html标记分类

单标记:标记只有一个,不是修饰内容的而是显示某个功能的,如果图片,设置编码,设置关键词等

语法:<标记名称 属性=”值” 属性2=”值2” />:接收的/可以有可以没有,必须根据开发网站时 要求来

例:<img src=”图片在服务器中的地址,盘符/文件夹/文件名” />

<img src=”d:/php07/images/01.jpg” />

双标记:是修饰内容的标记,有开始有结束标记,中间写要修饰的内容

语法:<标记名称 属性=”值”>要修饰的内容</标记名称>

例:<div>内容</div> <font color=”red”>文本</font>

5、body的属性

Bgcolor:背景颜色 例:<body bgcolor=”颜色”>

颜色:单词、16进制、rgb方式

Background:背景图片 例:<body background=”图片的地址”>

6、文本修饰标记

<font></font>:文本的修饰 例:<font>文本</font>

Font的标记的属性:

Color:文本的颜色 值:颜色

Size:文本的大小 值:1-6

<i></i>:斜体<b></b>:加粗<u></u>:下划线<s></s>:删除线<sub></sub>:下标<sup></sup>:上标

7、排版标记

<br/> :换行,在需要换行的标记后面添加br标记就可以了<hr/>:水平线

hr常用的属性:

Size:粗细 值:1-100

Color:颜色 值:颜色

Width:宽度 值:数值(固定)或百分比(根据浏览器的窗口大小自动调整)

百分比一般用于响应式网站的开发

<h1>------<h6>标题标记:双标记,自动换行和加粗<p></p>:段落标记<pre></pre>:预排版标记

8、HTML实体字符

功能:在网页中显示一些特殊的字符,如,RMB,书名号,+-*/

9、div和span标记

Div是双标记,是没有任何意义的块元素,又用的最多,和CSS配合使用,一般称为“DIV+CSS”

语法:<div>这里可以放入任何的元素</div>

块元素:不管内容有多少,都会占整个浏览器的一行。一般都是块元素布局。P,h,pre,div,ul,li,ol

行内元素:内容多少占多少,一般都是行内元素嵌套到块元素中。

想了解更多请扫描下方二维码

标签: #html的主要标记 #html的单标记有哪些 #html书名号