17.12.12

HTML固定基本结构

网页的固定基本结构包括以下标签,标签之间可以嵌套存在。

HTML页面的结构包括头部(head)和主体(body)两大部分:头部描述浏览器所需的信息;主题包含网页中的具体内容。

所以,我们所见到的网页内容,都是写在主体(body)中的。
<!DOCTYPE html> -------文档类型声明

<html> ------- 根控制标记

<head> ------- 头控制标记

<title></title> ------- 标题标记

<head> -------头控制标记(尾)

<body></body>------- 网页显示区域

</html>------- 根控制标记 ( 尾 )

在上一节我们写的网页中,并不符合网页的固定基本结构,现在来修改一下。

<!DOCTYPE html>
<html>
<head>
    <title>
    南通青鸟欢迎你!
    </title>
</head>
<body>
    <h1>这是我的第一节HTML课</h1>
    <p>这是我的课堂笔记</p>
    <a href="http://www.ntqingniao.com">南通青鸟欢迎您</a>
</body>
</html>

现在的网页就更加完整和规范了!

HTML头部

  • 文档的头部描述了文档的各种属性和信息,包括文档的标题等。
  • 绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
  • 可以添加在头部区域的元素标签为: <title>,<style>, <meta>,<link>,<script>, <noscript>, 和<base>

1.<title>标签:在<title></title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。

2.<link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表。

<link rel="stylesheet" type="text/css" href="style.css">
  1. <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。

4.<script> 标签用于定义客户端脚本,比如 JavaScript。<script>元素既可包含脚本语句,也可以通过src属性指向外部脚本文件。JavaScript 通常用于图像操作、表单验证以及动态内容更改。

<script>
document.write("Hello World!")
</script>
  1. <style> 标签定义 HTML 文档的样式信息。在 <style> 元素中,您可以规定在浏览器中如何呈现 HTML 文档。每个 HTML 文档能包含多个 <style> 标签。

    <p>标签

    HTML 可以使用P标签将文档分割为若干段落。

    我们找到之前写的页面,用<p>标签对它进行一些简单处理。

    <p>A smooth, mild blend of coffees from Mexico, </p><p>
    Bolivia and Guatemala.A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.</p>
    
    • 使用<p>标签后,我们发现原本的文字被分成两段,发生了换行。

    • 如果需要在不产生一个新段落的情况下进行换行(新行),可以使用<br />标签。

    <hr>标签

    有些时候,我们需要在段落之间或标题和正文之间画出一条横线作为区分,我们可以使用<hr>标签
    我们可以在之前的咖啡菜单页面中,将每一种咖啡用<hr>标签分隔开来。

    要想输入空格,必须写入$nbsp;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值