html+css学习-----基本结构及标签_css结构标签-CSDN博客

一、html的结构

<html>

<head>

</head>

<body>

正文

</body>

</html>

二、meta标签，标记用于定义文件信息

Meta标签用于定义文件信息，放置于<head></head>

设置关键字 <meta name=”keywords” content=”value” />

设置描述 <meta name=”description” content=”value” />

设置作者名 <meta name=”author” content=”作者名” />

设置字符集 <meta http-equiv=”content-type” content=”text/html;charset=”gb2312”或者”UTF-8”>（UTF-8 3字节 gb2312 2字节）

设置页面定时跳转：<meta http-equiv=”refresh” content=”2;URL=”要跳转的网址”>

三、html标记语义应用

Html文件名最好使用英文

字体修饰：

（1）<font>标记

语法：<font color=”文本颜色” size=”字号” face=”字体” >文本</font>

注意：网页的文本字体一般通过CSS修饰

（2）字符格式

功能	标记
加粗	<b>文本</b>
加强语气（加粗）	<strong>文本</strong>
倾斜	<i>文本</i>
加强语气（倾斜）	<em>文本</em>
下划线	<u>文本</u>
删除行	<s>文本</s>
上标	<sup>文本</sup>
下标	<sub>文本</sub>

另： <h1>标题文本</h1>比<strong>权限高

*****写html代码的流程*****

1.先写控制内容的标记，例如这内容比较重要，可以在语义上加权<strong>关键字</strong>

如果这部分内容是这篇文章的主题----使用<h1>标题文本</h1>

2.段落文字内容----<p>段落内容</p>

3.段落标记

Html标记之间嵌套使用，一层套一层，若出现交叉嵌套会出现问题

段落标记格式：

属性名称属性值说明

Align left 左对齐（默认）

Center 居中

Right 右对齐

4.段落标题

格式：<hX align=”对齐方式”>…</hX>

说明：X取值1~6 hX内的文本会自动加粗显示（h1最大）

hX针对对象是段落，而font针对对象是任意文本

5.<br/>:换行（换行不换段）

四、修饰标记：

1.水平直线<hr/>

属性名称属性值说明

Size 像素查手册

百分比

Width 像素

百分比

Noshade=“noshade”实体线

五、特殊标记

定义一个块引用：使用文本缩进

格式：<blockquote>…</blockquote>（自动向右缩进一些位置）

属性名称属性值说明

①Cite url 被引用的地址

例如：<blockquote cite=”http://www.baidu.com”></blockquote>

②预格式化：<pre></pre> (可显示源代码格式，若不使用就显示一行**)

例如：网站上面显示一个“钻石”

<pre>

******

*********

******

</pre>