首页 web前端 html教程 htnl基础知识之网页页面的初步了解_HTML/Xhtml_网页制作

htnl基础知识之网页页面的初步了解_HTML/Xhtml_网页制作

May 16, 2016 pm 04:41 PM
HTML入门

HTML语言是超文本标记语言的缩写。它是一种描述文档结构的语言,而不能描述实际的表现形式。
HTML语言使用描述性的标记符(称为标记码)来指明文档的不同内容。标记码是区分文本各个组成的分界符,用来把HTML文档划分成不同的逻辑部分(或结构),如段落、标题和表格等。标记码描述了文档的结构,它向浏览器提供该文档的格式化信息,以传送文档的外观特性。
用HTML语言写的页面是普通的文本文档,不含任何与平台和程序相关的信息,它们可以被任何文本编辑器读取.
产生HTML文件有两种方法,一种是手工编制,另一种是用网页编辑器产生,Dreamweaver 3.0就是一个这样的网页编辑器,用Dreamweaver 3.0制作网页的同时,Dreamweaver 3.0产生该网页的HTML文件,因此学习手工编制HTML文件是很有必要的,下面介绍如何手工编制HTML文件的基本知识。
HTML文档包含两种信息:一是页面本身的内容,如文本、图形等;二是表示页面元素、结构、格式和其他超文本链接的HTM L标签。
当浏览器读HTML文件遇到HTML标签时,它就将页面的内容按照标记定义的格式显示出来。HTML标记的基本格式是:
页面内容 标签>
前面的标签表示所定义格式的开始,后面的标签表示这种格式的结束·例如“Helloworld ! ”表示用粗体字显示“Hello world”。
现在常用的两种浏览器360和Internet Explorcr对HTML标记的解释不一样,即同一个标记在不同浏览器显示的结果不一样,两者是否能解释的标记也不一样,同一种浏览器不同版本也有此问题,因此,编制网页时需要注意此问题。一般而言,常用的普通功能不会出现这种现象,新的、高级的功能才会出现这个问题。Dreamweaver 3.0己经尽量兼顾了这两种浏览器,并提供了一些处理这些问题的方法。
HTML文件是纯文本文件,可用任何文字编辑器输入,如Windows附件中的记事本.保存文件时,文件的扩展名必须用“HTML”或“HTM "。
HTML文件的整体结构如下:


...




下面说明HTML文件整体结构中的HTML标签:
:每个HTML页面中的第一个HTML标签是,它说明文件内容是用HTML语言编写的,HTML页面中所有文木和HTML标签都包含在
...开始和结束标记之中.
: 标签表明包含在这一标签中的文本是文木中其他文本的序言,通常只有很少的部分写在文件的部分,不应把页面内容的任何文本写在页头中!
:包含在<title>标签之间的文木称为页头标题,浏览器将页头标题放在页面窗口的标题栏中。 <br> : HTML页面的内容都包含在标签中。
来了解HTML文件的基木格式、概念和标记。在编辑的文本文件里写出如下内容:


Hello World!<tltle> <br> <br> <br><p>HeIIo World!</p> <br><p>This is my first web.</p> <br> <br> <br>这就是一个简单的HTML文件,让我们先为上面的文件起名并保存.起文件名要注意: <br>(1)在DOS/Windows系统中扩展名要用“.htm",在UNIX系统中扩展名要用“.html "(需要注意的是,在UNIX系统中,文件名中的字母大小写是敏感的)。</tltle>
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

&gt; gt;的目的是什么 元素? &gt; gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

&lt; datalist&gt;的目的是什么。 元素? &lt; datalist&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

&lt; meter&gt;的目的是什么。 元素? &lt; meter&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

视口元标签是什么?为什么对响应式设计很重要? 视口元标签是什么?为什么对响应式设计很重要? Mar 20, 2025 pm 05:56 PM

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? 我如何使用html5&lt; time&gt; 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

本文解释了HTML5&lt; time&gt;语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

&lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么? &lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

本文讨论了&lt; iframe&gt;将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

See all articles