组团学
学习方向
登录/注册

HTML页面初识

阅读 (460)

网页就是一个HTML文件。

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

一、HTML结构

<!doctype html>
<HTML>   
    <head>     
        <title></title>
    </head>
    <body>
    </body>
</HTML>

说明：

  • 文档类型<!DOCTYPE>

    <!DOCTYPE html>
    标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范.

  • HTML标签

    标识HTML文档，是所有HTML中标签的一个根节点。

  • head标签

    标识头部区域，用于存放：title,meta,base,style,script,link

  • title标题

    在head标签中我们必须要设置的标签，让页面拥有一个属于自己的标题。

  • body标签

    标识页面的主体部分，用于存放所有的HTML标签，如p,h,a,b,u,i,s,em,del,ins,strong,img

二、HTML 标签及属性

编写HTML文档时，必须遵循HTML语法规范。HTML文档实际上就是一个文本文件，它由标签和信息组合而成，当然标签和信息也不是随便组合的，需要遵循一定规则，否则无法正常显示。

  • 标签分类

    在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <html>、<head>、<body>都是HTML标签。根据出现个数不同，分为双标签和单标签

    双标签

    该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签 名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束 标签只是在前面加了一个关闭符“/”。

    <标签名 属性名1="属性值" 属性名2="属性值" 属性名3="属性值" ……> 内容 </标签名>

    单标签

    单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

    <标签名 属性名1="属性值" 属性名2="属性值" 属性名3="属性值" …… />

​

  • 标签关系

    嵌套关系

    <head>  
    <title> </title>  
</head>

    并列关系

    <head></head>
<body></body>

    标签语义化

    所谓标签语义化，就是指标签的含义

    作用：

    • 方便代码阅读和维护
    • 具有更好地搜索引擎优化
    • 更容易让浏览器或是网络爬虫解析，从而更好地分析网页的内容

    遵循原则：

    合适的地方放一个最为合理的标签。 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性

需要 登录 才可以提问哦
头像
：
回复