admin 管理员组

文章数量: 1086019


2024年3月6日发(作者：mysql多个like模糊查询)

什么是HTML文件？

HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。

和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。

一个HTML文件的后缀名是.htm或者是.html。

用文本编辑器就可以编写HTML文件。

这就试写一个HTML文件吧！

打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成。

Title of page

This is my first homepage. This text is bold

要浏览这个文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。

示例解释

这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。

在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。

在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在和之间的信息，是正文。

在和之间的文字，用粗体表示。顾名思义，就是bold的意思。

HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。

HTML元素(HTML Elements)

HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p,

title就是HTML元素。

HTML元素用Tag表示，Tag以<开始，以>结束。

Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。

目前HTML的Tag不区分大小写的。比如，和其实是相同的。

HTML元素(HTML Elements)的属性

HTML元素可以拥有属性。属性可以扩展HTML元素的能力。

比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：

再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：

属性通常由属性名和值成对出现，就像这样：name="value"。上面例子中的bgcolor, border就是name，red和0就是value。属性值一般用双引号标记起来。

属性通常是附加给HTML的Opening Tag，而不是Closing Tag

链接。

这是一个链接

站长网 站长学院站点链接

HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里，直接写引用文件名即可。

我们现在建一个源文件，在里要引用文件作为超链接。

假设路径是：c:

假设路径是：c:

在加入超链接的代码应该这样写：

如何表示上级目录

../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

假设路径是：c:

假设路径是：c:

在加入超链接的代码应该这样写：

假设路径是：c:

假设路径是：c:

在加入超链接的代码应该这样写：

假设路径是：c:

假设路径是：c:

在加入超链接的代码应该这样写：

如何表示下级目录

引用下级目录的文件，直接写下级目录文件的路径即可。

假设路径是：c:

假设路径是：c:

在加入超链接的代码应该这样写：

假设路径是：c:

假设路径是：c:

在加入超链接的代码应该这样写：

HTML绝对路径(Absolute Path)

HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设你注册了域名/html，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。

假设你在www根目录下放了一个文件，这个文件的绝对路径就是：

/html。

假设你在www根目录下建了一个目录叫html_tutorials，然后在该目录下放了一个文件，这个文件的绝对路径就是/html/html_tutorials/

HTML图片(Images)

用 这个 Tag 可以在HTML里面插入图片。最基本的语法如下：

url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_，也可以是个相对路径 "../images/logo/blabla_"。

示例

图片alt属性

中有一个alt属性，英文叫alternate text。例句如下：

假使浏览器没有载入图片的功能，浏览器就会转而显示Alt属性的值。

其实，现在大多数浏览器都支持图片载入。在此介绍Alt属性，是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字，所以用ALT属性写上图片的说明，便于搜索引擎抓取你网页的内容。

示例

图片align属性

用align属性，可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。

示例

图片的大小

在缺省状况下，图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变，图片会相应放大或缩小，显示出来的结果可能会很难看。

示例

建议

图片相对文字，所占的字节数较多，比如一个全屏的图片，即使经过压缩，也要占去大约50k字节，这相当于25000字的文本。因此浏览器载入图片比较费时，建议一个HTML文件里不要包含过多的图片，否则会影响你的网页显示速度。

更多示例

背景图片

这个示例演示如何将一个图片作为HTML网页的背景图片。

将一个图片作为一个超链接

这个示例演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。


本文标签： 图片 文件 属性

版权声明：本文标题：什么是HTML文件 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1709701924a543774.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

更多相关文章

修改hosts文件提示没有权限保存怎么办?

1月前

修改hosts文件提示没有权限保存怎么办 问题解决方法1、右键单击hosts文件&#xff0c;点击属性2、进入属性面板&#xff0c;点击安全选项卡&#xff0c;选择 ALL APPLICATION PACKAG

Android webview 本地下载文件不跳转到浏览器，下载之后自动安装

1月前

本篇重点介绍使用webview遇到下载文件时&#xff0c;不跳转到浏览器&#xff0c;自己用DownLoadManager来下载。说下思路&#xff1a; 1.跳转到浏览器去下载文件的前提是webview有个D

Flutter桌面开发 — Windows App打包以及使用Inno Setup生成.exe文件安装包

1月前

文章目录 1 打包 Flutter Windows App1.1 开发环境准备1.2 支持Windows1.3 构建Windows App2 使用Inno Setup生成.exe文件安装包2.1 Inno Setup下载2.2 Inno S

计算机无法验证签名,计算机中win10win7无法验证文件数字签名的解决方法

1月前

计算机中win10win7无法验证文件数字签名的解决方法 发布时间&#xff1a;2021-03-29 11:35:07 来源&#xff1a;亿速云 阅读&#xff1a;65 作者&#xff1a;小新 这篇

终端下载文件(windows和linux)

1月前

文章目录 linuxwget自定义文件git clone windowswgetpowershell -client linux wget linux使用wget下载很方便&#xff0c;首先确保安装了wget&#xff

windows python库wheel文件下载

1月前

1.https:pypi 2.https:pypi.tuna.tsinghua.edusimple 使用以下命令快速下载安装&#xff0c;解决pip安装慢的问题&#xff1a; pip install -i

ipynb文件过大打开浏览器崩溃解决方法

1月前

1、ipynb文件太大导致jupyter打不开 之前用Anaconda 的jupyter notebook 写代码&#xff0c;然后后来可能文件output太多&#xff0c;导致ipynb文件太大&#xff0c

浏览器访问svn服务器文件,无法使用tortoise svn连接到svn，但可以通过Web浏览器连接...

1月前

我配置了我的svn存储库以通过apache访问它。 我可以通过任何带有这些地址的网络浏览器访问它。 http:svn.domain http:www.domain:3690 但是当我尝试在Windows上使用tortoiseSVN或

在浏览器中，点击：打开小窗口显示图片！

1月前

打开小窗口显示图片 window.showModalDialog(url, null, "dialogHeight:500px; dialogWidth:600px; resizable:yes");

一个切割PDF文件的简单的方法 -只需要chrome浏览器

1月前

只需要一个chrome浏览器。 使用chrome浏览器打开一个pdf&#xff0c;点击右上角的打印图标&#xff0c;如下图接着进入下图所示的页面&#xff0c;将Destination改为Save as P

遇到u盘文件损坏怎么办

1月前

有时我们会因为操作不当而引起u盘文件损坏,这时候不要慌.给你推荐一个方法. 1.将u盘插到电脑u盘插口中 2.按下键盘的 winx 键 3.选择终端管理员 4.输入以下命令:      ,按回车键,等一会你的u盘就修复好了,注意: 是E

css属性值无效，属性在浏览器控制台以黄色感叹号显示怎么办？

1月前

css属性值无效 &#xff0c;属性在浏览器控制台以黄色感叹号怎么办&#xff1f; 遇到这种情况大多数是由于属性的大小写不规范导致的 比如在标签中直接写样式&#xff0c;那么一般是驼峰命名属性值,如下 <

一不小心给桌面粘贴了1280个文件怎么办？

1月前

搞了一下午很混乱&#xff0c;慌乱中不小心将一个文件夹里的1280个包粘贴在了桌面上&#xff0c; 完后都没有撤销粘贴这个鼠标右键功能&#xff0c;反而还可以再粘贴。 很懵逼&#xff0c;只能把桌面上

javacsv.jar写csv文件时，数字过长会变成科学表达法怎么办

1月前

其实网上很多答案给出的答案是正确的&#xff0c;csv文件的分隔符为逗号&#xff0c;我们写一个t在数字的后面就可以实现数字正常显示的效果&#xff0c;当然了&#xff0c;如果这么简单一说就解决了问

从Linux服务器下载文件到window本地电脑

29天前

1. 用sz命令 如果通过xshell连接到服务器&#xff0c;且为SSH方式&#xff0c;则可以用sz命令&#xff0c;直接在Linux的提示符下操作。 sz <文件路径……文件名> 此方法

vsCode 在windows环境编辑linux上的文件（SFTP）

29天前

目录 1、前言 2、SFTP原理 3、SFTP插件安装 4、SFTP插件配置 5、SFTP插件使用 ​ 1、前言 做linux开发的开发者经常面临着需要把windows上写好的程序上传到linux环境上，或者忍受

文本文档怎么转换为html文件,win10系统下如何将文本文档转换为网页

29天前

因为工作需求&#xff0c;一位windows10正式版系统用户就希望能够将文本文档转换为网页&#xff0c;可是操作了很久都没有成功&#xff0c;感觉非常烦恼。这该怎么办呢&#xff1f;接下来&

win10c语言文件不运行,win10系统运行程序出现“dll文件没有被指定在windows运行”的解决教程...

29天前

win10系统使用久了&#xff0c;好多网友反馈说win10系统运行程序出现“dll文件没有被指定在windows运行”的问题&#xff0c;非常不方便。有什么办法可以永久解决win10系统运行程序出现“dll文件没有被指

64位系统下注册32位dll文件

29天前

在64位系统里注册32位软件所需的一些dll会提示不兼容&#xff0c;大概因为32 位进程不能加载64位Dll&#xff0c;64位进程也不可以加载32的导致。 若要支持的32 位和64 位COM 注册和程序共存状态&am

如何备份U盘文件?教您4个简单方法

27天前

在数字化时代&#xff0c;U盘作为便携式数据存储设备&#xff0c;广泛应用于日常生活与工作中。然而&#xff0c;U盘的便携性也伴随着数据丢失或损坏的风险。为了确保数据的安全性和完整性&#xff0c;做好

发表评论

全部评论 0
暂无评论
CopyRight © 2022 All Rights Reserved.
Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落| 豫ICP备2022026798号-10