美文网首页前端工程师养成计划
网页和网页结构学习(HTML)

网页和网页结构学习(HTML)

作者: Patrick___Zhao | 来源:发表于2019-01-31 20:49 被阅读0次

学习目的

  • 认识网页的基本组成和标准
  • 熟悉 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)

    学习目的 认识网页的基本组成和标准 熟悉 HTML 的组成结构 1、认识网页 网页组成:由文字、图片、按钮、搜索框...

  • 初识HTML

    HTML 网页的内容结构 CSS 网页的视觉结构 JavaScript 网页的交互处理 HTML5.0 HTML5...

  • JavaScript基础01-JavaScript的组成

    JavaScript和HTML、CSS的区别 HTML:提供网页的结构,提供网页中的内容 CSS: 用来美化网页 ...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • day2

    2018.07.09学习总结 1.对html和css的初步认识html是网页的结构,css是用来装饰网页的。 2....

  • xml文件

    一、html和xml的区别 HTML: 负责网页的结构 CSS: 负责网页的样式(美观) Javascript: ...

  • Web网页基础

    网页可以分为三部分,HTML、CSS、JavaScript,HTML 定义了网页的内容和结构,CSS 描述了网页的...

  • 《麻瓜编程python web开发》课堂笔记,第一课:HTML

    网页结构 HTML: 专注于网页的结构 CSS : 用于装饰网页的样式 Javascript : 赋予网页各种功能...

  • js的引入,变量,运算符

    为什么要学习javaScript 网页三部分: HTML:控制网页的 结构 CSS:控制网页的 样式 JavaSc...

  • 一、HTML之——总结

    HTML总结 1、 网页的标题、注释、属性 网页结构··· Document ...

网友评论

    本文标题:网页和网页结构学习(HTML)

    本文链接:https://www.haomeiwen.com/subject/mkklsqtx.html