`
java虫
  • 浏览: 535721 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML基础(笔记)

阅读更多
没有专门看过HTML的知识,到w3school网站上扫了一下盲,把一些基础知识总结下。

一.什么是HTML文件
HTML指超文本标签语言

HHTML文件是一个包含一些标签的文本文件

这些标签告诉WEB浏览器如何显示页面

HTML文件必须有htm或者html作为文件扩展名

HTML文件可以由一个简单的文本编辑器创建

二.一个简单的html文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>


1.DOCTYPE是document type(文档类型)的简写,在Web设计中用来说明你用的XHTML或者HTML是什么版本。

2.meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,关于meta这里不在详细解释。
上例中meta用以说明主页制作所使用的文字以及语言

3.HTML文件中的第一个标签是<html>。这个标签告诉浏览器这个一个HTML文件的开始点。文件中最后一个标签是</html>。这个标签告诉您的浏览器,这是HTML文件的结束点。

4.位于<head>标签和</head>标签之间的文本是头信息。头信息不会显示于浏览器窗口中。

5.<title>标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

6.<body>标签中的文本是将被浏览器显示出来的文本。

7.<b>和</b>标签中的文本将以粗体显示。

三.扩展名问题
  当您将一个HTML文件存盘时,您即可以使用HTM也可以使用HTML作为扩展名。我们刚才使用的.htm作为上面那个例子的扩展名。不过这样做也许是一个坏习惯,习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯,这些软件只允许三个字母作为扩展名。

四.HTML标签
HTML文档是由HTML元素构成的文本文件,HTML元素是通过使用HTML标签进行定义的。
1.HTML标签是用来标记HTML元素的。

2.HTML标签被<和>符号包围。

3.这些包围的符号叫作标签

4.HTML标签是成对出现的。例如<b>和</b>。

5.位于起始标签和终止标签之间的文本是元素的内容。

6.HTML标签对大小写不敏感,<b>和<B>的作用的相同的。

五.为什么我们要使用小写的标签
     HTML标签对大小写是不敏感的:<b>和<B>的作用的相同的。你可能会发现很多HTML中都使用大写的标签。而为什么推荐使用小写的标签呢?
如果您希望为使用下一代HTML而做好准备,您就应该使用小写标签。万维网协会(W3C)的标准是:建议在HTML 4中使用小写标签,而在XHTML(下一代HTML)中,必须使用小写标签。

六.标签属性
    标签可以有属性,属性可以为页面中的HTML元素提供附加的信息。
如<body>标签用来定义页面的body元素。通过添加一个bgcolor属性,可以告知浏览器将页面的背景颜色显示为红色,如:
<body bgcolor="red">

属性由属性名和值组成:
name="value"

属性应该被添加到HTML元素的起始标签。

七.单引号还是双引号
    标签属性值应被置于引号之间。通常情况下应该使用双引号,不过使用单引号也没有问题。但是在个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='John"ShotGun"Nelson'
分享到:
评论

相关推荐

    HTML基础笔记

    以上标签是HTML的基础知识,对于初学者来说,掌握这些标签是构建基本网页的关键。而随着HTML的发展,还引入了更多的标签和元素,例如HTML5中加入了如semantic tags(语义标签)和其他增强特性的标签,如、、等,用以...

    HTML基础笔记.md

    HTML基础笔记

    2020html基础笔记

    这份“2020html基础笔记”涵盖了HTML5的最新标准,旨在帮助初学者理解并掌握HTML的基本概念和语法。 1. HTML结构: HTML文档通常由&lt;!DOCTYPE&gt;声明、&lt;html&gt;元素、元素和元素组成。&lt;!DOCTYPE&gt;声明定义了文档类型,...

    30节--HTML基础笔记.rar

    "30节--HTML基础笔记.rar"很可能是一个包含了一系列关于HTML基础知识的教程或笔记的压缩文件,适合初学者学习和进阶者复习。下面将详细阐述HTML的一些核心概念和重要知识点。 1. **HTML结构**:HTML文档由一系列...

    HTML基础笔记的整理

    HTML的“超文本”概念体现在它不仅可以包含纯文本,还能嵌入图像、音频、视频等多媒体元素,同时通过超链接实现页面间的跳转,形成全球信息网络的基础。HTML文件通常以.htm或.html为扩展名,它们由浏览器解析并呈现...

    css html 基础笔记

    这是我自己做的有关于css html 超文本标记语言的笔记 希望能够帮到初入网站你

    html基础笔记,内容会持续更新 方程详细

    html详细笔记 非常详细

    html基础笔记

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是网页设计的基础,也是Web开发的重要组成部分。在本文中,我们将深入理解HTML的基本结构、重要元素以及盒模型。 首先,HTML文档由三个主要部分...

    python基础笔记html.rar

    "python基础笔记html"这个压缩包文件显然是一个关于Python基础知识的学习资料,包含了HTML格式的笔记,可能涵盖了变量、数据类型、控制结构、函数、模块等核心概念。 1. **Python简介**:Python是由Guido van ...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    HTML基础学习笔记

    在“HTML基础学习笔记”中,我们可以深入理解HTML的基本结构、样式控制、超链接、图像和表格的使用,以及列表的创建。 首先,HTML的基本结构由`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`三个主要部分组成。`&lt;html&gt;`是整个文档的...

    HTML基础.html

    前端HTML基础笔记

    python基础笔记html_python教程_PyCharm_

    **Python基础笔记HTML** 在学习Python编程语言的过程中,掌握基础知识是非常关键的。Python以其简洁、易读的语法和广泛的应用范围吸引了众多初学者。本笔记将带你走进Python的世界,了解其基本概念和常用操作。 ...

    HTML笔记.xmind

    个人整理HTML基础笔记

    html 学习笔记,基础版

    html 基础标签知识,适合初学者,标签及使用说明。 入门知识,前端开发入门使用。 基础学习笔记。

    html+css基础笔记

    html+css基础笔记

    韩顺平 HTML网页 笔记

    1. **HTML基础**:HTML(HyperText Markup Language)是创建网页的标准标记语言,韩顺平的笔记会介绍基本的标签语法,如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`,以及如何使用`&lt;p&gt;`、`&lt;a&gt;`、`&lt;img&gt;`等元素构建网页内容。...

    笔记HTML基础.html

    笔记HTML基础.html

    HTML笔记资料--HTML基础CHM

    "HTML基础.chm"是一个帮助文件,通常包含详细的HTML参考信息,用户可以通过它快速查找和学习特定的HTML标签、属性及用法。这种类型的资源对开发者来说非常实用,可以随时查阅,提高工作效率。 "W3C School HTML教程...

    小白入门前端基础笔记

    前端基础技术笔记(适合小白),内容:HTML,CSS,JavaScript基础

Global site tag (gtag.js) - Google Analytics