揭开HTML入门神秘面纱：结构与应用详解

HTML

需积分: 9 149 浏览量更新于2024-08-02 收藏 59KB DOC 举报

身份认证购VIP最低享 7 折!

30元优惠券

HTML语言入门教程深入浅出地介绍了HTML的基础知识，它作为网页构建的核心组成部分，是互联网上的通用语言。HTML使用全置标记语言，使网页制作者能够结合文本和图片创建可被各种设备和浏览器访问的网页。本教程将HTML的结构分为三个主要部分：头部（HEAD）、眼睛（标题，即TITLE）、和身体（BODY）。 1. 头部（HEAD）：这部分就像人的头部，包含元数据和控制信息。HTML头部的结构是`<head>`...`</head>`，其中`<head>`标签内部通常放置文档标题、字符集声明、样式表链接等非可见的内容。头部的`<title>`标签定义了网页的标题，这对于搜索引擎优化和浏览器标签页显示至关重要，例如`<title>网页标题</title>`。 2. 眼睛（标题，TITLE）：这是网页的视觉焦点，用于向用户和搜索引擎传达网页的主题。它位于`<head>`标签内的`<title>`...`</title>`之间，如`<title>网页的视觉标题</title>`，在浏览器标签页上显示。 3. 身体（BODY）：这部分是网页的主要内容区域，包括文本、图像、链接、表格等各种元素，用户在浏览器中看到的实际展示内容。书写时使用`<body>`...`</body>`，如`<body>欢迎来到我的网页</body>`。整个HTML文档的框架结构如下： ```html <html> <head> <title>网页标题</title> </head> <body> <h1>页面主要内容</h1>  <p>这是段落文本。</p> <img src="image.jpg" alt="图片描述"> </body> </html> ``` 通过这个框架，你可以开始构建自己的网页。每个HTML标签都有特定的作用，比如`<h1>`~`<h6>`定义标题层级，`<p>`表示段落，`<img>`表示图片等。理解并掌握这些基本元素，是HTML入门的第一步，后续课程还会涉及CSS样式和JavaScript交互等更高级的内容。通过实践和不断学习，你会逐渐熟悉并掌握HTML语言，从而创建出丰富多样的网页作品。

资源详情

资源推荐



1、标题字体<h#> 文字 </h#># =1，2，3，4，5，6

比如：<h1>今天天气真好！</h1>

注意：这些一般的用在标题上，所以起名叫标题字体；<h#> ...</h#> 这些标记显示黑体字；

这些标记自动插入一个空行，不必用 <p> 标记再加空行，因此在一行中无法使用不同大小

的字体。

2、字体的大小，用于一般文字。

<font size=#> 文字</font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#

<basefont size=#> #=1, 2, 3, 4, 5, 6, 7

例子：<font size=7>今天天气真好！</font>

3、逻辑字体(Logical Style)

下划线：<u>文字</u>，代码：<code>文字</code>，删除线：<strike>文字</strike>，闪烁：

<blink>文字</blink> ，增强：<strong>文字</strong> ，强调：<em> 文字</em>，示例：

<samp>文字</samp>，还有老多，一般的这些了解一下就可以。

 

4、字体的标志，很常用的。粗体：<b>文字</b>，斜体：<i>文字</i>

5、字体颜色

指定颜色 <font color=#> 文字 </font> # ="#rrggbb" 16 进制数码，或者是下列预定义色彩：

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver,

Yellow, Aqua

对于 16 进制编码的颜色，我们可以这样理解 rrggbb 六个字符：前两个表示红色，中间的

两个表示绿色，后两个表示蓝色；那么，红色（red）ff0000，同样绿色（green）00ff00，

蓝色 0000ff；其它的颜色就是这几个字符（0-9，a-f）的组合。

比如：<font color=red> 文字 </font> 红色文字

  <font color=#ff0000> 文字 </font> 红色文字

大家看看<font color=#rrggbb> 文字 </font>是什么颜色的文字

6、客户端字体(Font Face)

<font face="#, #, ..., #"> ... </font> #=客户端可获得的字体，什么是客户端，通俗的讲，就

是你的电脑，face="#"就是从你的电脑获得的字体，大家可以点击

客户端字体(Font Face)示例。

7、字符实体(Entities)，字符实体一般用在把 html 里的符号显示在页面上比如"<"、"&"等，

剩余17页未读，继续阅读

cherubma

粉丝: 0
资源: 1

揭开HTML入门神秘面纱：结构与应用详解

HTML语言入门教程

HTML语言入门教程.pdf

html语言入门基础

html5零基础入门教程pdf

html零基础入门教程

ctf html注释,html入门基础(详解）

html入门基础知识

python爬虫基础入门

零基础javascript入门

html从入门到精通

html从入门到放弃

html自学网页制作,HTML入门学习教程:简单网页制作

web前端开发零基础入门

帮我做个HTML入门PPT教程

javascript基础入门

html网页设计从入门到精通

html 最简单的网页制作,HTML入门----简单网页制作

请推荐一份Java基础语法入门（2小时）的课程

HTML5基础入门全套视频课程.rar

HTML语言入门 HTML语言入门

最新资源