网页和网页结构学习（HTML）

学习目的

  • 认识网页的基本组成和标准
  • 熟悉 HTML 的组成结构

1、认识网页

  • 网页组成：由文字、图片、按钮、搜索框、视频等元素（HTML 标签）组成，还包含音频、视频、FLASH等


    总结：网页其实就是由HTML标签组成的。

  • 网页标准

    1. 结构标准：（相当于人的身体）HTML → 搭建网页结构
    2. 表现标准：（相当于人的衣服）CSS → 美化网页
    3. 行为标准：（相当于人的动作）Javascript

  • 浏览器

    1. 浏览器是网页运行的平台，常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari 和 Opera等。


      主流浏览器

    2. 内核（渲染引擎）： 将网页中的标签信息转化为我们人眼能够识别的图文信息。


2、网页结构

  • 什么是 HTML
    1. HTML：Hyper Text Markup Language
    2. 超文本：在网页中能够实现页面跳转的文字（超链接）
    3. 标记：指的是在网页中的 html 标签
  • HTML 结构介绍
    本文是基于 html5 结构去设计网页的。
<!DOCTYPE html>
<html>
    <head>
        <title>网页标题<title>
    </head>
    <body> </body>
</html>

详细介绍结构中的标签
  1. DOCTYPE 标签：告诉浏览器当前文档的类型，如果不设置 DOCTYPE 那么浏览器在显示过程中可能会出现一种怪异模式。
  2. html 标签：结构中的根标签
  3. head 标签： 可以设置网页样式；可以设置网页标题；设置网页关键字；网页描述信息；js 代码编写。
  4. title 标签： 设置网页标题
  5. body 标签： 指的是网页的主体（我们看到的所有信息）
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,646评论 1赞 45
  • html基础笔记
    学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,275评论 0赞 3
  • 1
    --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,392评论 0赞 2
  • 学习笔记（一）
    浏览器与服务器的基本概念 浏览器（安装在电脑里面的一个软件） 作用： ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,154评论 0赞 0