网页制作之html基础学习2-标签

最新推荐文章于 2023-06-20 22:27:22 发布

weixin_30747253

最新推荐文章于 2023-06-20 22:27:22 发布

阅读量54

点赞数

原文链接：http://www.cnblogs.com/dcdgmjzhal/p/4765886.html

版权

网页制作之html基础学习2-标签

一、html结构组成

 1 <html>    --开始标签
 2  3 　　<head>  4  5 　　　　网页上的控制信息  6  7 <title>页面标题</title>  8  9 　　</head> 10 11 　　<body> 12 13 　　　　页面显示的内容 14 15 　　</body> 16 17 </html> --结束标签

注释语法：

标签格式：双标签元素：<标签名属性 style="样式">内容</标签名> 单标签元素：<标签名 /> 或<标签名>

二、body的属性：

bgcolor 页面背景色

　　text 文字颜色

　　topmargin 上页边距

　　leftmargin 左页边距

　　rightmargin 右页边距

　　bottomargin 下页边距

background 背景壁纸

三、一般标签

1、格式控制标签

　　<font color="" face="" size=""></font> 控制字体；color="##FF0000"；face，字体；size，字体大小。

　　<b></b> 字体加粗

　　<i></i> 倾斜

　　<u></u> 下划线

　　<strong></strong> 字体加粗（强调，语气加强用）

　　<em></em> 字体倾斜（强调，语气加强用）

　　<center></center> 居中

　　<br> 或<br /> 相当于回车

&nbsp；表示空格也可以在设计页面中按ctrl+shift+space

2、内容容器标签

　　<h1></h1>……<h6></h6> 标题（会自动换行）。HTML标题（Heading）是通过<h1> - <h6> 等标签进行定义的。

　　<p></p> 段落标签（段落之间空行）

　　<div> </div> 层标签（默认占一行）

　　<span></span> 层标签（默认用多大空间占多大空间）

　　<ol type="1"> --有序列表，序号为1,2,3……，引号中可以更改序号形式

　　</ol> --上面“ol”改为“ul”则为无序列表

“../”　　表示上级目录

“./”　　表示当前目录

相对路径：从当前页面开始查找。

绝对路径：从网站的根开始查找。 “/”，代表网站的根。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

eg、

　<!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="text/html; charset=utf-8" /> 　　<title>网页标签</title> 　　</head> 　　<body> 　　<font color="#0066FF" face="华文新魏" size="5">字体控制</font> <!--注释--><br> 　　<b>字体加粗</b> <br> 　　<i>倾斜</i> <br> 　　<u>下划线</u> <br> 　　<strong>加粗</strong> <br> 　　<em>倾斜</em> <br> 　　<center>居中</center> <br> 　　回<br>车 <br> 　　空&nbsp;格 <br> 　　<br> 　　<br> 　　<h1>标题1</h1> 　　<h2>标题2</h2> 　　<h6>标题6</h6> 　　<p>段落1</p> 　　<p>段落<br> 　　2</p> 　　<font>第一种<div>层标签</div></font> 　　<font>第二种<span>层标签</span></font> 　　<ol type="a">有序列表 　　 <li>序号1</li> 　　 <li>序号2</li> 　　 <li>序号3</li> 　　</ol> 　　<ul type="circle">无序列表 　　 <li>第一</li> 　　 <li>第二</li> 　　 <li>第三</li> 　　</ul> 　　<a href="http://www.w3school.com.cn">This is a link</a> 　　</body> 　　</