HTML基础语法详解：标题、元信息与样式

需积分: 7 169 浏览量更新于2024-09-18 收藏 75KB DOC 举报

"HTML基本语法总结" HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它定义了网页的结构和内容。以下是对标题和描述中提到的HTML基本语法的详细说明： 1. **字符集设置**：在HTML中，通过`<meta>`标签来指定网页的字符编码，例如`<meta http-equiv="Content-Type" content="text/html; charset=gb2312">`，这将网页的字符集设定为简体中文的GB2312。 2. **标题标签**： `<title>`标签定义了浏览器顶部的标题栏显示的内容，它是网页的核心标识。 3. **元信息**： - `<META content="关键字" name=keywords>`用于设置网页的关键字，帮助搜索引擎理解页面内容。 - `<META content="描述内容" name=Description>`提供网页的描述，同样对SEO（搜索引擎优化）有帮助。 4. **刷新与跳转**： - `<meta http-equiv="refresh" content="5">`会让页面在5秒后自动刷新。 - `<meta http-equiv="refresh" content="8;URL=另一个页面地址">`则会在8秒后跳转到指定的URL。 5. **背景音乐与声音**：使用`<BGSOUND>`标签可以嵌入背景音乐，如`<BGSOUNDSRC="文件名或URL" LOOP=循环播放次数>`，其中`LOOP`属性指定播放次数，1表示无限循环。 6. **多媒体嵌入**： - `<EMBED>`标签用于嵌入声音或图像，如`<EMBED SRC="URL" AUTOSTART=true或false WIDTH=宽 HEIGHT=高>`，`AUTOSTART`控制是否自动播放，`WIDTH`和`HEIGHT`定义了元素的尺寸。 7. **页面样式**： - `body`标签内的`bgcolor`属性用于设置整个网页的背景颜色，如`<body bgcolor="#FFCCFF">`。 - `background`属性可以设置背景图片，如`<body background="back_image.GIF">`。 8. **文本格式化**： - `<H#>`标签定义不同级别的标题，`#`代表1到6的数字，数字越大，标题越小。 - `<font>`标签用于设置字体大小、颜色和类型，如`<font size="字号" color="颜色" face="字体"></font>`。 - `<p>`标签定义段落，`<br>`标签用于换行。 - `<strike>`标签用于添加删除线，如`<strike>删除的文字</strike>`。 - `<center>`标签可以让内容居中显示，如`<center>文字</center>`。 - `<HR>`标签插入水平线，`size`、`color`和`width`属性分别定义线条的大小、颜色和宽度。 - `align`属性用于文本或元素的对齐，如`<P align="center">`和`<img src="logo.JPG" align="middle">`。 9. **列表**： - 无序列表使用`<ul>`标签，每个列表项用`<li>`包裹，如： ``` <ul> <li>咖啡</li> <li>牛奶</li> </ul> ``` - `TYPE`属性用于自定义无序列表的样式，如`<UL TYPE="disc">`、`<UL TYPE="circle">`或`<UL TYPE="square">`。 10. **表格**： - `<table>`标签创建表格，`border`属性设置边框宽度，如`<table border="1">`。以上是HTML的基本语法概览，通过这些标签和属性，我们可以构建出结构清晰、内容丰富的网页。学习并熟练掌握这些语法，是创建和编辑网页的基础。

简体中文：gb2312

<html> 繁体中文：big5

<head> 纯英文网页：iso-8859-1

设置字符集<meta http-equiv=”Content-Type" content="text/html; charset=gb2312">

设置关键字 <META content=" 关键字 " name=keywords>

添加描述 <META content="描述内容 " name=Description>

刷新 <meta http-equiv=”refresh” content=”5”> 隔 5 秒刷新

跳转<meta http-equiv=”refresh” content=”8;URL=另一个页面地址”> 8 秒后跳转到另一个页面

嵌入背景音乐标记<BGSOUND SRC="文件名或 URL" LOOP=循环播放次数>

—1 为无限循环

嵌入声音或图像标记

</head>

<body bgcolor="#FFCCFF“ background="back_image.GIF" > 背景颜色背景图片标题

标签<H#> ... </H#> #=1, 2, 3, 4, 5, 6 说明：<H1>到<H6>字体大小依依次递减

字体字号标签 <font size=”字号” color=”颜色” face=”字体”></font>

段落标签 <p>…</p>

换行 <br>

添加删除线 <strike>删除的文字</strike>

居中显示文字 <center>文字</center>

水平线 <HR size="5" color="red" width="300">

居中 <P align="center">淘宝集市欢迎您！</P>

靠左 <P align="left">淘宝网首届翠友会！<BR>

将后面的字居中 <img src="logo.JPG" align="middle">

拥有关于对齐方式的附加信息 <h1 align="center">

拥有关于表格边框的附加信息 <table border="1">。

列表

无序列表

<ul>

<li>牛奶</li> <UL>标记可以带有属性 TYPE。TYPE 可以取 disc(实心圆点)、circle(空心

</ul> 圆点)、square(实心方块)三种值之一

有序列表

<ol>

</ol>

下载后可阅读完整内容，剩余4页未读，立即下载

oubaoxingfu

粉丝: 0
资源: 3

HTML基础语法详解：标题、元信息与样式

Html标记的基本语法

JSP基本语法

PHP基本语法总结

PHP基本语法实例总结

PHP基本语法

HTML语法 大全 HTML语法

HTML的基本语法结构与Hbuilder的使用

javaScript语法总结

PHP语法总结

HTML的语法大全（总结版）

最新资源

HTML语法大全 HTML语法