HTML基础与应用详解

需积分: 3 27 浏览量更新于2024-09-15 收藏 119KB DOC 举报

“HTML总结应用” HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，是构建网页的基础。在HTML中，文档通常由基本的结构组成，包括`<HTML>`、`<HEAD>`和`<BODY>`等元素。 1. HTML文档结构： HTML文档的完整结构由外层的`<HTML>`标签包裹，其中`<HEAD>`部分包含了文档元数据，如标题、字符集设置等，而`<BODY>`部分则包含实际的网页内容。一个基本的HTML结构如下： ``` <HTML> <HEAD> <TITLE>网页标题</TITLE>  </HEAD> <BODY>  </BODY> </HTML> ``` 2. HEAD部基本标记： - `<TITLE>`：定义网页的标题，显示在浏览器的标签页上。 - `<META>`：提供关于HTML文档的元信息，如搜索引擎优化（SEO）相关的元标签，例如`<META name="description" content="描述内容">`用于描述网页内容，`<META http-equiv="Content-Type" content="text/html; charset=UTF-8">`用于设定页面的字符编码。 3. BODY部基本标记： - `<BODY>`：包含网页的可见内容，可以设置背景颜色（bgcolor）和背景图片（background）。 - `<H1>`到`<H6>`：定义不同级别的标题，`<H1>`最大，`<H6>`最小。 - `<FONT>`：设置字体样式，包括大小（size）、类型（face）和颜色（color）。 - `<P>`：定义段落，可设置对齐方式（align）。 - `<BR>`：插入换行。 - `<IMG>`：插入图像，设置源地址（src）、替换文本（alt）、高度（height）和宽度（width），以及对齐方式（align）。 - `<HR>`：绘制水平线，可调整线的厚度（size）、颜色（color）和宽度（width）。 - `<OL>`和`<UL>`：创建有序和无序列表，通过type属性改变列表符号或序号。 - `<LI>`：定义列表项。 - `<A>`：创建超链接，href属性指定链接地址，name属性用于书签，可以链接到页面内的特定位置。 - `<MARQUEE>`：实现滚动效果，设置滚动延迟（scrolldelay）和方向（direction）。 - `<PRE>`：保留原文本格式，如空格和换行。 4. 表格标记： - `<TABLE>`：创建表格，设置背景色（bgcolor）、背景图（background）、边框宽度（border）、宽度（width）和高度（height）以及单元格的填充（cellpadding）和间距（cellspacing）。 - `<TH>`和`<TD>`：定义表格的表头和数据单元格。 - `<TR>`：定义表格行。 - `<CAPTION>`：添加表格标题。 - `<COLGROUP>`和`<COL>`：对表格列进行分组和设置样式。 - `<THEAD>`、`<TBODY>`和`<TFOOT>`：分别表示表格的表头、主体和脚部。 HTML的这些标记和属性构成了网页的基本框架和样式，开发者可以通过它们来创建丰富的网页内容，并结合CSS（Cascading Style Sheets）和JavaScript进一步增强网页的交互性和视觉效果。了解并熟练掌握这些基础元素是成为一名合格的前端开发者的关键。

使用 HTML 语言开发商业站点(HTML)

1. HTML 文档结构：

<HTML>

<HEAD>

......

</HEAD>

<BODY>

......

</BODY>

</HTML>

2. HEAD 部基本标记

1) <TITLE>…</TITLE> 网页标题

2) <META name=”参数” content="具体的参数值">

name 属性主要用于描述网页，与之对应的属性值为 content，content 中的内容主

要是便于搜索引擎机器人查找信息和分类信息用的。

http-equiv 可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，

与之对应的属性值为 content，content 中的内容其实就是各个参数的变量值。

3) <STYLE> ... </STYLE> 内嵌样式表

4) <LINK href="newsyle.css" rel="stylesheet" type="text/css"> 外部样式表

3. BODY 部基本标记

1) <BODY> 网页正文标记

属性： bgcolor ：背景颜色

background：背景图片

2) <H1>—<H6> 标题标签

3) <FONT> 字体标签

属性： size：字体大小

face：字体类型

color：字体颜色

4) <P> 段落标记

属性： align：对齐

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

liubaolin1

粉丝: 0
资源: 5

HTML基础与应用详解

Android平台下HTML5应用开发实战指南

HTML5打造桌面应用： Mozilla WebApps 实践

HTML5开发Android应用指南

jquery 简单应用示例总结

Html5学习资料总结

HTML学习总结文档.rar

HTML实训总结报告原创实训总结.doc

html5启动原生APP总结

HTML中table标签的总结

HTML5+CSS3精华总结：新标签与多媒体应用

最新资源