咱们一起来聊一聊HTML基础_4

HTML基础_4
这一部分介绍一下几个关于HTML的重要的基本信息

HTML 统一资源定位器

URL 也被称为网址。
URL - Uniform Resource Locator
当您点击 HTML 页面中的某个链接时,对应的 <a> 标签指向万维网上的一个地址。
统一资源定位器(URL)用于定位万维网上的文档(或其他数据)。
网址,比如 http://www.baidu.com,遵守以下的语法规则:
scheme://host.domain:port/path/filename
解释:

scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机(http 的默认主机是 www)
domain - 定义因特网域名,比如 w3school.com.cn
:port - 定义主机上的端口号(http 的默认端口号是 80)
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
filename - 定义文档/资源的名称

HTML URL 字符编码

URL 编码会将字符转换为可通过因特网传输的格式。
URL 编码
URL 只能使用 ASCII 字符集来通过因特网进行发送。
由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。
URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。

HTML Web Server

如果希望向世界发布您的网站,那么您必须把它存放在 web 服务器上。
托管自己的网站

在自己的服务器上托管网站始终是一个选项。有几点需要考虑:

  1. 硬件支出
    如果要运行“真正”的网站,您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的(一天 24 小时)高速连接。
  2. 软件支出
    请记住,服务器授权通常比客户端授权更昂贵。同时请注意,服务器授权也许有用户数量限制。
  3. 人工费
    不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒,以确保您的服务器时刻正常地运行于一个“任何事都可能发生”的环境中。
    使用因特网服务提供商(ISP)
    从 ISP 租用服务器也很常见。
    大多数小公司会把网站存放到由 ISP 提供的服务器上。其优势有以下几点:
  4. 连接速度
    大多数 ISP 都拥有连接因特网的高速连接。
  5. 强大的硬件
    ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡,以及必要的备份服务器。
  6. 安全性和可靠性
    ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间,最新的软件补丁,以及最好的病毒防护。
    选择 ISP 时的注意事项
  • 24 小时支持
    确保 ISP 提供 24 小时支持。不要使自己置于无法解决严重问题的尴尬境地,同时还必须等待第二个工作日。如果您不希望支付长途电话费,那么免费电话服务也是必要的。
  • 每日备份
    确保 ISP 会执行每日备份的例行工作,否则您有可能损失有价值的数据。
  • 流量
    研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量,那么您要确保不会因此支付额外费用。
  • 带宽或内容限制
    研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频,请确保您有此权限。
  • E-mail 功能
    请确保 ISP 支持您需要的 e-mail 功能。
  • 数据库访问
    如果您计划使用网站数据库中的数据,那么请确保您的 ISP 支持您需要的数据库访问。

HTML <!DOCTYPE>

<!DOCTYPE> 声明
Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。

HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。
GridLayout 是 Android 中的布局管理器,不是 HTML 中的布局方式。如果您想了解 HTML 中的布局方式,可以考虑使用 CSS 中的布局方式。 在 HTML 中,有多种布局方式,如 Flexbox、Grid、Bootstrap 等。其中,Flexbox 是一种非常流行的布局方式,可以通过设置容器的 display 属性为 flex 来实现。而 Grid 是一种比较新的布局方式,可以通过设置容器的 display 属性为 grid 来实现。 如果您想要使用 Grid 布局,可以像下面这样写: ```html <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> </div> ``` ```css .container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } .item { background-color: #ccc; padding: 10px; } ``` 上面的代码中,我们使用了 grid-template-columns 属性来设置容器中每一列的宽度,使用 repeat 函数来重复设置,1fr 表示每一列的宽度占据剩余空间的一部分。grid-gap 属性用来设置列与列之间的间距。 如果您想要使用 Flexbox 布局,可以像下面这样写: ```html <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> </div> ``` ```css .container { display: flex; flex-wrap: wrap; justify-content: space-between; } .item { width: calc(33.33% - 10px); background-color: #ccc; padding: 10px; margin-bottom: 10px; } ``` 上面的代码中,我们使用了 flex-wrap 属性来设置容器中的内容是否换行,使用 justify-content 属性来设置内容在容器中的对齐方式。而在每个子元素中,我们使用了 width 属性来设置每个子元素的宽度,使用 calc 函数来计算每个子元素的宽度。 以上是一些简单的示例,您可以根据实际需求进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值