什么是HTML文件?
HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。
和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。
一个HTML文件的后缀名是.htm或者是.html。
用文本编辑器就可以编写HTML文件。
这就试写一个HTML文件吧!
打开你的Notepad,新建一个文件,然后拷贝以下代码到这个新文件,然后将这个文件存成first.html。
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
要浏览这个first.html文件,双击它。或者打开浏览器,在File菜单选择Open,然后选择这个文件就行了。
示例解释:
这个文件的第一个Tag是<html>,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>,表示HTML文件到此结束。
在<head>和</head>之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。
在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。
在<body>和</body>之间的信息,是正文。
在<b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。
HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如<html>,<b>等,通过这些Tag,可以告诉浏览器如何显示这个文件。
HTML元素(HTML Elements)
HTML元素(HTML Element)用来标记文本,表示文本的内容。比如body, p, title就是HTML元素。
HTML元素用Tag表示,Tag以<开始,以>结束。
Tag通常是成对出现的,比如<body></body>。起始的叫做Opening Tag,结尾的就叫做Closing Tag。
目前HTML的Tag不区分大小写的。比如,<HTML>和<html>其实是相同的。
HTML元素(HTML Elements)的属性
HTML元素可以拥有属性。属性可以扩展HTML元素的能力。
比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:
<body bgcolor="red">
再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。如下:
<table border="0">
属性通常由属性名和值成对出现,就像这样:name="value"。上面例子中的bgcolor, border就是name,red和0就是value。属性值一般用双引号标记起来。
属性通常是附加给HTML的Opening Tag,而不是Closing Tag。
分享到:
相关推荐
HTML,全称HyperText Markup Language,即超文本标记语言,是一种用于创建网页的标准标记语言。自1990年在瑞士日内瓦的CERN由Tim ...了解并熟练掌握HTML的基本概念和结构,对于任何Web开发者来说都是至关重要的。
HTML的基本概念包括以下几个方面: 1. **HTML文档结构**:一个标准的HTML文档通常由三部分构成:头部(Head)、主体(Body)和声明(DOCTYPE)。DOCTYPE声明位于文档顶部,用来告诉浏览器文档使用哪种HTML版本。...
HTML,全称Hyper Text Markup Language,即超文本标记语言,是用于创建网页的标准标记语言。HTML不是一种编程语言,而是一种标记语言,它的主要任务是描述...掌握HTML的基本概念和语法,是任何Web开发者的必备技能。
网页设计是创建和维护互联网上可视内容的过程,其核心元素之一是HTML(HyperText Markup Language),也就是网页的学名。HTML是一种标记语言,用于描述网页...理解和掌握这些基本概念是成为优秀网页设计师的关键步骤。
HTML基本概念 * HTML DTD:Document Type Definition,用于指定文档的结构和格式 * 元素:HTML文档的基本组成部分,例如标题、段落、图片等 * 标签:HTML元素的开始和结束标记,例如`<p>`和`</p>` * 属性:用于指定...
学习 HTML5+CSS3 需要了解基本概念,包括 HTML、 HTML5、 CSS、 CSS3 等。 HTML 是制作网页的标准语言, CSS 是实现网页外观的语言,它们都是 Web 浏览器能解析的语言,都经过了多年的发展,经历了多个不同的标准...
HTML(HyperText Markup Language)是用于创建网页的标准标记...这个作业提供了学习和实践HTML基本概念的机会,同时也可以加深对网页制作流程的理解。通过创建和修改HTML文件,学生能更好地掌握网页设计的核心原理。
本文档总结了 HTML 题库中的重要知识点,涵盖了 HTML 的基本概念、标记语言、样式表、超链接、表单、图像、列表等方面。 一、 HTML 基本概念 * HTML(HyperText Markup Language)是一种标记语言,用于创建网页和...
HTML基本概念: * HTML标记:HTML文档由文本、标记和注释组成,标记是Web页中最重要的部分,用于告诉浏览器如何显示文本。 * HTML文档结构:HTML文档的结构非常重要,标记的位置不同,会有不同的显示效果。 * HTML...
html5概念讲解,一些HTML5的产生,基本概念等待
一、HTML基本概念 * HTML标签的使用:、、、、等 * HTML标签的分类:标题标签、段落标签、列表标签、表格标签、图片标签等 * HTML标签的属性:href、src、alt、title等 二、CSS基础知识 * CSS的基本语法规则:...
最近更新new 网页制作小技巧:dl dt dd标签...html基本概念 html的发展历史 html的设计原则 html4.0的新特点 html文件的编写方法 使用浏览器浏览html文件 html文件的基本结构 html头部标记 标题标记<title>
1. HTML基本概念: - HTML文件是一种结构化文档,它由纯文本和标签组成,用于描述网页的结构和内容。 - 标签是HTML的核心,它们以尖括号包围,如`<tag>`和`</tag>`,成对出现,分别代表元素的开始和结束。 - `...
本资源是关于HTML网页制作基础知识的试题与答案,涵盖了HTML基本概念、网页结构、表格、框架、表单、CSS样式表、图像格式、链接、网页设计等方面的知识点。 1. HTML基本概念: * HTML网页的基本结构包括头部、体部...
从提供的部分题目答案来看,这些题目主要考察了学员对于HTML基本概念和语法的掌握程度。例如: 1. 题目中出现的“B”、“C”、“A”等选项,可能涉及到了HTML中的不同元素或属性,如`<b>`(加粗)、`<c>`(这个标签...
一、HTML基本概念 HTML(Hyper Text Markup Language)是一种标记语言,用于创建网页的结构和内容。它的主要作用是使用标记来告诉浏览器如何显示网页的内容。 二、HTML语法规则 HTML语法规则主要包括标签、属性、...
内容概要:本文档主要介绍了HTML基本概念及其各种常用标签的详细解释和用法,如标题、段落、图像、链接、音频、视频、列表、表格、表单等标签的使用方式及特性,同时讲解了表格中的跨行和跨列操作以及表单的多种输入...
一、HTML基本概念 HTML由一系列元素组成,每个元素由标签定义,标签通常成对出现,如`<html>`和`</html>`。这些元素构成了网页的结构和内容。HTML文档以`.html`或`.htm`为扩展名,遵循一定的文档结构,包括头部(`...
本资源涉及到网页设计与制作的基础知识,包括网站开发流程、HTML 基本概念、Dreamweaver 软件使用等。 网站开发流程 1. 网站总体策划:目标用户定位、网站主题定位、网站整体风格创意设计、网页的色彩搭配、网站的...