zoukankan      html  css  js  c++  java
  • 01-HTML介绍

    1.WEB标准

    web准备介绍:

    • w3c:万维网联盟组织,用来制定web标准的机构(组织)
    • web标准:制作网页遵循的规范
    • web准备规范的分类:结构标准、表现标准、行为标准。
    • 结构:html。表示:css。行为:Javascript。

    web准备总结:

    • 结构标准:相当于人的身体。html就是用来制作网页的。
    • 表现标准: 相当于人的衣服。css就是对网页进行美化的。
    • 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的

    2.浏览器介绍

      浏览器是指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。

      它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。

      一个网页中可以包括多个文档,每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式,例如JPEG、PNG、GIF等图像格式,并且能够扩展支持众多的插件(plug-ins)。另外,许多浏览器还支持其他的URL类型及其相应的协议,如FTP、Gopher、HTTPS(HTTP协议的加密版本)。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。

      常见的浏览器有IE(微软)、Firefox(火狐)、Chrome(谷歌)、Safari(苹果)、Opera等

      因为浏览器内核(也就是浏览器所采用的渲染技术)不同,决定了浏览器如何显示网页的内容以及页面的格式信息,这也是导致兼容性出现问题的根本。

    3.WEB服务的本质

      web服务是一种B/S结构。

      浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面

    例:

    web服务端

    4.HTML介绍

      html全称HyperText Mackeup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。比如字体、颜色、大小等。

    • 超文本:音频,视频,图片称为超文本。
    • 标记 :<英文单词或者字母>称为标记,一个HTML页面都是由各种标记组成。

    作用:HTML是负责描述文档语义的语言。

    注意:HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接由浏览器解析执行。

    HTML的网络术语

    • 网页 :由各种标记组成的一个页面就叫网页。
    • 主页(首页) : 一个网站的起始页面或者导航页面。
    • 标记: <p>称为开始标记 ,</p>称为结束标记,也叫标签。每个标签都规定好了特殊的含义。
    • 元素:<p>内容</p>称为元素.
    • 属性:给每一个标签所做的辅助信息。

    5.HTML的规范

    • HTML是一个弱势语言
    • HTML不区分大小写
    • HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)
    • HTML的结构:
      • 声明部分:主要作用是用来告诉浏览器这个页面使用的是哪个标准。是HTML5标准。
      • head部分:将页面的一些额外信息告诉服务器。不会显示在页面上。
      • body部分:我们所写的代码必须放在此标签內。

    标签语法

    • <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
    • <标签名 属性1=“属性值1” 属性2=“属性值2”…… />

    标签属性

    • d:定义标签的唯一ID,HTML文档树中唯一
    • class:为html元素定义一个或多个类名(classname)(CSS样式类名)
    • style:规定元素的行内样式(CSS样式)

    标签规范

    (1)所有标记元素都要正确的嵌套,不能交叉嵌套。正确写法举例:<h1><font></font></h1>

    (2)所有的标记都必须小写。

    (3)所有的标记都必须关闭。

    • 双边标记:<span></span>
    • 单边标记:<br> 转成 <br /> <hr> 转成 <hr />,还有<img src=“URL” />

    (4)所有的属性值必须加引号。<h1 id="head"></h1>

    (5)所有的属性必须有值。<input type="radio" checked="checked" />

    (6)HTML对换行不敏感,对tab不敏感

    (7)空白折叠现象,空格、换行、tab都被折叠为一个空格显示

    6.HTML结构详解

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    </body>
    </html>  
    1. <!DOCTYPE html>声明必须是 HTML 文档的第一行,位于 <html> 标签之前。它不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。声明为HTML5文档。
    2. <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。
    3. <head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。head内常用标签有<title></title>、<style></style>、<script></script>、<link/>、<meat/>等
    4. <title>、</title>定义了网页标题,在浏览器标题栏显示。
    5. <body>、</body>之间的文本是可见的网页主体内容。
    6. <!--注释-->

    注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

  • 相关阅读:
    git push 失败出现error: src refspec master does not match any.解决方案
    git:not a git repository (or any of the parent directories)
    初次安装git配置用户名和邮箱
    MYSQL的C API之mysql_query
    PyCharm + PyQt4 环境搭建
    pycharm下打开、执行并调试scrapy爬虫程序
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
    jQuery火箭图标返回顶部代码
  • 原文地址:https://www.cnblogs.com/gongniue/p/9252526.html
Copyright © 2011-2022 走看看