`

HTML基本概念

    博客分类:
  • CMS
阅读更多

什么是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。

 

 

 

 

0
2
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    HTML基本概念.ppt

    HTML,全称HyperText Markup Language,即超文本标记语言,是一种用于创建网页的标准标记语言。自1990年在瑞士日内瓦的CERN由Tim ...了解并熟练掌握HTML的基本概念和结构,对于任何Web开发者来说都是至关重要的。

    HTML基本概念,标签集合

    HTML的基本概念包括以下几个方面: 1. **HTML文档结构**:一个标准的HTML文档通常由三部分构成:头部(Head)、主体(Body)和声明(DOCTYPE)。DOCTYPE声明位于文档顶部,用来告诉浏览器文档使用哪种HTML版本。...

    HTML基本概念详解

    HTML,全称Hyper Text Markup Language,即超文本标记语言,是用于创建网页的标准标记语言。HTML不是一种编程语言,而是一种标记语言,它的主要任务是描述...掌握HTML的基本概念和语法,是任何Web开发者的必备技能。

    网页设计基本概念HTML等

    网页设计是创建和维护互联网上可视内容的过程,其核心元素之一是HTML(HyperText Markup Language),也就是网页的学名。HTML是一种标记语言,用于描述网页...理解和掌握这些基本概念是成为优秀网页设计师的关键步骤。

    HTML语言大全及属性大全

    HTML基本概念 * HTML DTD:Document Type Definition,用于指定文档的结构和格式 * 元素:HTML文档的基本组成部分,例如标题、段落、图片等 * 标签:HTML元素的开始和结束标记,例如`&lt;p&gt;`和`&lt;/p&gt;` * 属性:用于指定...

    HTML5+CSS3网页布局任务教程课件汇总整本书电子教案全套课件完整版ppt教学教程.pptx

    学习 HTML5+CSS3 需要了解基本概念,包括 HTML、 HTML5、 CSS、 CSS3 等。 HTML 是制作网页的标准语言, CSS 是实现网页外观的语言,它们都是 Web 浏览器能解析的语言,都经过了多年的发展,经历了多个不同的标准...

    HTML+CSS+DIV网页设计与布局(第2版)(微课版)-教案.docx

    本教案旨在教授学生 HTML+CSS+DIV 网页设计与布局的基本概念和技术,涵盖网页设计的基本元素、HTML 基本概念、网页文字和图片、网页基本编辑、表格、多媒体、滚动字幕和列表等方面的知识。 第一章 认识网站开发 在...

    HTML静态网页作业

    HTML(HyperText Markup Language)是用于创建网页的标准标记...这个作业提供了学习和实践HTML基本概念的机会,同时也可以加深对网页制作流程的理解。通过创建和修改HTML文件,学生能更好地掌握网页设计的核心原理。

    2021年HTML题库.doc

    本文档总结了 HTML 题库中的重要知识点,涵盖了 HTML 的基本概念、标记语言、样式表、超链接、表单、图像、列表等方面。 一、 HTML 基本概念 * HTML(HyperText Markup Language)是一种标记语言,用于创建网页和...

    浅谈用HTML和JavaScript修饰Web页.pdf

    HTML基本概念: * HTML标记:HTML文档由文本、标记和注释组成,标记是Web页中最重要的部分,用于告诉浏览器如何显示文本。 * HTML文档结构:HTML文档的结构非常重要,标记的位置不同,会有不同的显示效果。 * HTML...

    html练习html练习html练习

    本练习主要针对初学者,旨在通过一系列实践操作,加深对HTML基本概念、元素及属性的理解。 在HTML中,网页的基本结构通常包括`&lt;!DOCTYPE&gt;`声明、`&lt;html&gt;`元素、`&lt;head&gt;`元素和`&lt;body&gt;`元素。`&lt;!DOCTYPE&gt;`声明用来...

    html5概念讲解

    html5概念讲解,一些HTML5的产生,基本概念等待

    最新电大《Dreamweaver网页设计》考试题.pdf

    一、HTML基本概念 * HTML标签的使用:、、、、等 * HTML标签的分类:标题标签、段落标签、列表标签、表格标签、图片标签等 * HTML标签的属性:href、src、alt、title等 二、CSS基础知识 * CSS的基本语法规则:...

    html标记完全教程

    最近更新new 网页制作小技巧:dl dt dd标签...html基本概念 html的发展历史 html的设计原则 html4.0的新特点 html文件的编写方法 使用浏览器浏览html文件 html文件的基本结构 html头部标记 标题标记&lt;title&gt;

    HTML网页制作基础题试题与答案.pdf

    本资源是关于HTML网页制作基础知识的试题与答案,涵盖了HTML基本概念、网页结构、表格、框架、表单、CSS样式表、图像格式、链接、网页设计等方面的知识点。 1. HTML基本概念: * HTML网页的基本结构包括头部、体部...

    ACCP 5.0 北大青鸟HTML课后选择题答案

    从提供的部分题目答案来看,这些题目主要考察了学员对于HTML基本概念和语法的掌握程度。例如: 1. 题目中出现的“B”、“C”、“A”等选项,可能涉及到了HTML中的不同元素或属性,如`&lt;b&gt;`(加粗)、`&lt;c&gt;`(这个标签...

    网页制作第十四章超文本编程技术优秀PPT.ppt

    一、HTML基本概念 HTML(Hyper Text Markup Language)是一种标记语言,用于创建网页的结构和内容。它的主要作用是使用标记来告诉浏览器如何显示网页的内容。 二、HTML语法规则 HTML语法规则主要包括标签、属性、...

    HTML中文版帮助文档

    一、HTML基本概念 HTML由一系列元素组成,每个元素由标签定义,标签通常成对出现,如`&lt;html&gt;`和`&lt;/html&gt;`。这些元素构成了网页的结构和内容。HTML文档以`.html`或`.htm`为扩展名,遵循一定的文档结构,包括头部(`...

    网页设计与制作(同名27042).docx

    本资源涉及到网页设计与制作的基础知识,包括网站开发流程、HTML 基本概念、Dreamweaver 软件使用等。 网站开发流程 1. 网站总体策划:目标用户定位、网站主题定位、网站整体风格创意设计、网页的色彩搭配、网站的...

Global site tag (gtag.js) - Google Analytics