html基础教程.pdf资源-CSDN文库

版权申诉

126 浏览量 2021-10-02 11:38:23 上传评论收藏 93KB PDF 举报

HTML，全称为超文本标记语言，是创建网页的标准语言，用于描述网页的结构和内容。HTML文档由一系列元素和标记组成，这些标记指示浏览器如何呈现文本、图像、多媒体等内容。一、HTML概述 HTML允许在网页中加入各种媒体，如图片、音频、视频等，形成丰富的超文本。每个HTML文档都是一个静态的网页文件，由HTML标记构成，这些标记告诉浏览器如何布局和显示内容。标记通常由尖括号包围，如`<标记名字>`，它们并不属于编程语言，而是标记语言，用于指示文本的展示方式。二、HTML的基本结构一个基本的HTML文档包括文档头和文档体： 1. `<HTML>`：文档的起始和结束标记，表明文档类型。 2. `<HEAD>`：头部标记，包含文档的元信息，如标题，但不在浏览器窗口中显示。 3. `<TITLE>`：嵌套在`<HEAD>`中，定义文档的标题，显示在浏览器的标题栏。 4. `<BODY>`：正文标记，浏览器将显示这部分内容，是网页的实际展示区域。例如： ```html <!DOCTYPE html> <html> <head> <title>我的简单HTML示例</title> </head> <body> <h1>欢迎光临我的主页</h1> <hr> <p>这是我第一次做主页</p> </body> </html> ``` 在这个例子中，`<!DOCTYPE html>`声明文档遵循HTML5标准。三、HTML标记与属性 HTML标记分为单标记和成对标记： - 单标记，如`<br>`，只用一次，表示换行。 - 成对标记，如`<p>`和`</p>`，用于定义段落。标记可以有属性，用来定制元素的行为和外观。属性写在标记内，如`<font color="red" size="3">文本</font>`，`color`和`size`是属性，`"red"`和`"3"`是对应的值。在XHTML中，推荐对属性值使用双引号。四、HTML主体标记及属性 HTML提供了许多用于文本格式化、列表、链接、表格、图像处理的标记，如： - `<h1>`到`<h6>`定义六级标题。 - `<p>`定义段落。 - `<a>`创建链接。 - `<img>`插入图片，通过`src`属性指定图片源。 - `<ul>`和`<li>`创建无序列表，`<ol>`和`<li>`创建有序列表。 - `<table>`、`<tr>`、`<td>`用于创建表格。此外，HTML还支持颜色的设定，可以使用颜色名称、十六进制颜色代码或RGB值来指定元素的背景色、文本颜色等。五、HTML和动态程序的关系虽然现代网页开发更多地依赖CSS和JavaScript，但了解HTML的基础对于理解动态程序如ASP.NET、PHP至关重要。开发者通常在动态语言中生成HTML，将数据动态地插入到HTML模板中，实现交互性和动态更新。 HTML是构建网页的基础，学习HTML有助于理解网页的构造，并能更好地结合动态语言进行web开发。虽然纯HTML编写网页可能较过时，但HTML的基本语法和概念仍然是网络开发者的必备知识。

资源推荐

资源详情

资源评论

第一章 HTML 概述与基本结构

目前大部分的网页都是用 HTML配合其它语言写成的。本章使用 html 语言来制作网页，而现在的很多网页制作工

具软件，比如 FrontPage 、DreamWave,.net 等，可自动生成一些固定格式的网页元素，在学习本章的过程中，不要一

味去死记这些标识内容，我们学习这 html 语言的主要目的不是要大家完全使用 html 语言来制作一个完整的网页，而

是掌握其基本语法格式后应用到动态程序中去。在学习过程中，我们要结合动态程序 asp.net 的方法来应用这些标识。

如果用 html 完全编写网页，那是过时了；如果不懂 html 语言那是学网页的无知，更谈不上灵活运用动态程序

asp.net,php 等。

一、 HTML 的概述

HTML（HyperTextMarkupLanguage 的缩写），即超文本链接标记语言。它是在互联网发布超文本文件 ( 通常所说的

网页 ) 的通用语言。所谓超文本，就是它可以加入图片、声音、动画、影视等内容，每一个 HTML文档都是一种静态的

网页文件，这个文件里面包含了 HTML标记，这些标记并不是一种程序语言，它只是一种排版网页中资料显示位置的标

记语言。每个标记的符号都是一条命令、它告诉浏览器如何显示文本。这些标记均由 "<" 和">" 符号以及一个字符串组

成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标记符号用“ <标记名字属性 >”

来表示。

二、 HTML 的基本结构：

一个 HTML文档是由一系列的元素和标记组成。元素名不区分大小写， HTML用标记来规定元素的属性和它在文件中

的位置， HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是

要显示的各种文档信息。

下面是一个最基本的 html 文档的代码 :1 －1.html

<HTML>---------------------------------------- 开始标记

<HEAD>-------------------------------------- 头部标记

<TITLE>一个简单的 HTML示例 </TITLE>

</HEAD>--------------------------------------

<BODY>---------------------------------------- 文件主体

<CENTER>|

<H1>欢迎光临我的主页 </H1>

<BR>

<HR>

<FONTSIZE=7COLOR=red>

这是我第一次做主页 |

</FONT>|

</CENTER>|

</BODY>

</HTML>--------------------------------------- 结尾标记

<HTML></HTML>在文档的最外层，文档中的所有文本和 html 标记都包含在其中，它表示该文档是以超文本标识语

言（ HTML）编写的。

<HEAD></HEAD>是 HTML文档的头部标记 , 在浏览器窗口中，头部信息是不被显示在正文中的 , 在此标记中可以插入

其它标记，用以说明文件的标题和整个文件的一些公共属性。该标记可以省略。

<title></title> 是嵌套在 <HEAD>头部标记中的，标记之间的文本是文档标题，它被显示在浏览器窗口的标题栏。

该标记可以省略。

<BODY></BODY>标记一般不能省略，标记之间的文本是正文，是在浏览器要显示的页面内容。

上面的这几对标记在文档中都是唯一的， HEAD标记和 BODY标记是嵌套在 HTML标记中的。

三、 HTML 的标记与属性 :

对于刚刚接触超文本的读者，遇到的最大的障碍就是一些用“ <”和“ >”括起来的句子，我们称它为标记，是用

来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。属性是标志里的参数的选项。

HTML的标记分单标记和成对标记两种。成对标记是由首标记 <标记名 >和尾标记 </ 标记名 >组成的，成对标记的作用

域只作用于这对标记中的文档。单独标记的格式 <标记名 >，单独标记在相应的位置插入元素就可以了，大多数标记都

有自己的一些属性 , 属性要写在始标记内，属性用于进一步改变显示的效果 , 各属性之间无先后次序，属性是可选的，

属性也可以省略而采用默认值 ; 其格式如下：

<标记名字属性 1 属性 2 属性 3,> 内容 </ 标记名字 >

属性值可以不用加双引号，但是为了适应 XHTML规则，提倡全部对属性值加双引号。如：

<fontcolor="#ff00ff"face=" 宋体 "size="30"> 字体设置 </font>

第二章 HTML 主体标记及属性、颜色的设定

为了使网页绚丽多姿，吸引更多的浏览者阅读，可以给网页添加更多的标记及属性，这是为了对网页中的元素进

行修饰、布局。下面就来逐一介绍这些标记。

一、 html 的主体标记 <body>

在<body>和 </body> 中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。

<body>标记有自己的属性，设置 <body>标记内的属性，可控制整个页面的显示方式。

<body>标记的属性

属性描述

link

设定页面默认的链接颜色

alink

设定鼠标正在单击时的链接颜色

vlink

设定访问后链接文字的颜色

background

设定页面背景图像

bgcolor

设定页面背景颜色

leftmargin

设定页面的左边距

topmargin

设定页面的上边距

bgproperties

设定页面背景图像为固定，不随页面的滚动而滚动

text

设定页面文字的颜色

格式：

<body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="gifnam.gif"

剩余25页未读，继续阅读

评论收藏

内容反馈

版权申诉

资料大全

粉丝: 17
资源: 26万+

html基础教程.pdf

php基础教程.pdf

HTML基础教程.pdf

html基础教程

PHP基础教程.pdf

jQuery基础教程.pdf

html+js+css基础教程.pdf

制作网页与电子书经典基础html教程.pdf

HTML_教程.pdf

HTML语言基础教程.pdf

AJAX基础教程.pdf

python菜鸟教程python基础教程.pdf

HTML基础教程

HTML + JavaScript + CSS 基础教程.pdf

PHP基础教程 第4版.pdf

HTML基础_asp网页设计基础教程.pdf

HTML基础教程文档

Node.js入门教程.pdf

HTML基础教程教程

HTML教程（PDF格式）

最新资源

PHP基础教程第4版.pdf