您的位置：首页 > Web前端 > CSS

html+css学习-----基本结构及标签

2014-02-17 14:04 288 查看

一、html的结构

<html>

<head>

<title>标题</title>

</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标记之间嵌套使用，一层套一层，若出现交叉嵌套会出现问题
段落标记格式：
<p align=”对齐方式”></p>
属性名称属性值说明
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航