zoukankan      html  css  js  c++  java
  • 10.1 HTNL介绍与开发环境的搭建

    HTMl介绍

    html全称Hyper Text Makeup Language,也就是超文本标记语言。

    我们通过浏览器看到的网页就是用html语言编写的,这是一门描述性标记语言,所谓标记语言,就是将文本以及文本相关的其他信息关联起来,比如文字有颜色,大小,字体,然后通过某种平台比如说浏览器展现出特定的效果。

    html是全世界通用的用于描述网页信息的标记语言,我们使用的浏览器具有将HTML代码渲染并展示给用户的功能。

    我们可以看一个简单的例子, 在网页的空白部分右键查看网页源代码:

    在这里插入图片描述
    这就是html标记语言,当我们访问某一个页面的时候,实际上浏览器获得的是由服务器提供的html代码,浏览器根据html代码规则进渲染,然后显示给用户。

    前面这一段html代码中,<html>、<head>、<link>、</link>这种尖括号括起来的就是标签,标签描述了文本的作用,比如<link>标签表示的就是一个链接,与此同时,通过不同标签或相同标签之间的嵌套表示文档结构。

    我们来看一下标签的特征:

    1.标签是由尖括号包围的关键字,
    
    2.标签通常是成对出现,
    
    3.标签对中第1个标签是开始标签,第2个标签是结束标签,
    
    4.开始和结束标签也被称为开放标签和闭合标签,
    
    5.有些标签也会单独呈现,
    
    6.一般成对出现的标签,其内容在两个标签中间,单独呈现的标签,则在标签属性中赋值,
    
    7.网页的内容需要在html标签中,网页的描述信息要放在head标签中,网页需要展示的内容要放在body标签中,
    

    在服务器上网页文件后缀一般使用 .html 点 .htm,网页文件没有区别,.html 与 .htm 网页后缀可以。

    HTML文档结构

    一个html文件是有自己的固定结构的:

    在这里插入图片描述

    我们来解释一下上面这张图,也就是html的文档结构,

    <!DOCTYPE HTML>
    

    这是html的文档声明,必须写在文档的第1行,位于html标签之前,表明该文档是html5文档。

    <html></html>
    

    Html标签称为根标签,所有的网页标签都必须在html中。

    <head></head>
    

    Head标签用于定义文档的头部,它是所有文档描述信息的容器,常见的描述信息有tItle、script、style、link和meta等标签。

    <body></body>
    

    Body标签之间的内容是网页的主要内容,如h、p、a、img等网页内容标签嵌套在在body标签中,最终会在浏览器中显示出来。

    HTML文档包含了html标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们要记住最常见的标签的特性。

  • 相关阅读:
    python day6
    python day5
    python基础晋级篇
    python基础篇
    初识Python
    if语句
    A22. openstack架构实战-openstack的api
    A21. openstack架构实战-配置三层网络vxlan
    A20. openstack架构实战-虚拟机创建的流程
    A19. openstack架构实战-云主机的冷迁移
  • 原文地址:https://www.cnblogs.com/AlexKing007/p/12337949.html
Copyright © 2011-2022 走看看