【Web前端—HTML】认知部分(一)

文章目录

  • HTML基础认知
    • 一、网页基础认知
      • 1.认识网页
      • 2.五大浏览器和渲染引擎
        • 2.1五大浏览器
        • 2.2渲染引擎
        • 2.3Web标准
    • 二、HTML初体验
      • 1.HTML的概念
      • 2.HTML骨架
      • 3.开发工具
        • 3.1使用前要求
        • 3.2创建网页步骤
        • 3.3 基本快捷键
    • 三、HTML语法规范
      • 1.注释
      • 2.标签
        • 2.1标签结构
        • 2.2标签属性
        • 2.3 标签关系

HTML基础认知

一、网页基础认知

1.认识网页

【Web前端—HTML】认知部分(一)_第1张图片

2.五大浏览器和渲染引擎

2.1五大浏览器

在这里插入图片描述

前端开发推荐谷歌浏览器(Chrome)

2.2渲染引擎

【Web前端—HTML】认知部分(一)_第2张图片

2.3Web标准

web标准:让不同浏览器按照相同的标准显示效果,统一展示效果。
【Web前端—HTML】认知部分(一)_第3张图片记忆方法:
【Web前端—HTML】认知部分(一)_第4张图片

二、HTML初体验

1.HTML的概念

在这里插入图片描述

2.HTML骨架

【Web前端—HTML】认知部分(一)_第5张图片

html的标签:网页的整体
titile标签:网页的标题
head标签:网页的头部
body标签:网页的身体

3.开发工具

【Web前端—HTML】认知部分(一)_第6张图片

3.1使用前要求

【Web前端—HTML】认知部分(一)_第7张图片

3.2创建网页步骤

【Web前端—HTML】认知部分(一)_第8张图片

3.3 基本快捷键

【Web前端—HTML】认知部分(一)_第9张图片

三、HTML语法规范

1.注释

【Web前端—HTML】认知部分(一)_第10张图片示例:

 

2.标签

2.1标签结构

【Web前端—HTML】认知部分(一)_第11张图片

2.2标签属性

【Web前端—HTML】认知部分(一)_第12张图片

2.3 标签关系

【Web前端—HTML】认知部分(一)_第13张图片

你可能感兴趣的:(Web前端,前端,html)