Java网络 1.4 HTML 骨架和基本语法简介

举报
我是小白呀iamarookie 发表于 2021/09/10 01:07:52 2021/09/10
【摘要】 HTML骨架和基本语法简介 概述完整骨架 概述 html 有基本骨架, 骨架抽象出来: <html> <head> </head> ...

HTML骨架和基本语法简介

概述

html 有基本骨架, 骨架抽象出来:

<html>
    <head>

    </head>
    <body>

    </body>
</html>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

网页的最外层的标签对是 标签对, 里面有两部分, 分别是 head 和 body.

head 标签中, 描述网页的配置: body 中的内容, 才是用户可以看见的内容.

完整骨架

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
        3 <head>
            4 <meta http-equiv="Content-Type"  content="text/html;charset=UTF-8">
            5 <title>哈哈哈</title>
        6 </head>
    7 <body>
        8 <h1>我是一个主标题</h1>
        9 <p>我是一个小段落</p>
    10 </body>
11 </html>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

第 1 行, 就是网页的声明头. 这行语句, 无需死记硬背, 自动生成, 了解即可. 网页的声明头 (术语叫做 DocTypeDefintion, 文档类型定义, 简称 DTD. 这行语句非常的复杂, 里面暗含了一个网址.

W3C 就是出 web 规范的组织机构. html, css, js 的规范都是 W3C 定义发布的. World wide web coalition, 国际万维网联盟. 网页声明头可以告诉浏览器, 这是一个什么标准的页面.

第 2 行, 是最大的 html 标签, 所有的网页内容, 都要包括在这个标签对立面. 我们发现, html 标签中, 有两个属性:

  • xmlns="http://www.w3.org/1999/xhtml": 命名空间, 就是一个规范
  • xml:lang="en": 语言是英语

第 3 行, 就是 head 标签, 就是配置.

第 4 行, <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">: 字符集的配置.

第 5 行, ```哈哈哈``: 网页的标题, 可以显示在浏览器的标签栏中.

第 7 行, body 标签就是网页的内容, 用户能够看见.

文章来源: iamarookie.blog.csdn.net,作者:我是小白呀,版权归原作者所有,如需转载,请联系作者。

原文链接:iamarookie.blog.csdn.net/article/details/112058097

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。