首页 > 其他分享 >HTML初识-概念和基本知识

HTML初识-概念和基本知识

时间:2022-11-27 13:35:08浏览次数:41  
标签:Web 网页 标签 基本知识 初识 HTML 浏览器 页面

1 . HTML初识-基础认知 + HTML标签

1.1 目录

◆ 基础认知
◆ HTML标签学习
◆ 综合案例

1.2 学习目标

◆ 能够理解HTML的 基本语法 和标签的关系
◆ 能够使用 排版标签 实现网页中标题、段落等效果
◆ 能够使用 相对路径 选择不同目录下的文件
◆ 能够使用 媒体标签 在网页中显示图片、播放音频和视频
◆ 能够使用 链接标签 实现页面跳转功能

1.3 基础认知:

目标:认识 网页组成 五大浏览器 ,明确 Web 标准的构成****,使用 HTML 骨架 搭建出一个网页。

1.4学路路径

1. 基础概念铺垫(了解)
		1. 认识网页
		2. 五大浏览器和渲染引擎
		3. Web标准
2. HTML初体验
3. 语法规范		

1.5 认识网页

➢ 问题1:网页由哪些部分组成?

​ ✓ 文字、图片、音频、视频、超链接

➢ 问题2:我们看到的网页背后本质是什么?

​ ✓ 前端程序员写的代码

➢ 问题3:前端的代码是通过什么软件转换成用户眼中的页面的?

​ ✓ 通过浏览器转化(解析和渲染)成用户看到的网页

1.6 小结

➢ 网页由哪些部分组成?

​ • 文字、图片、音频、视频、超链接

➢ 咱们程序员写的代码是通过什么软件转换成网页的?

​ • 浏览器

1.7 五大浏览器

1.8渲染引擎

1.9.小结

➢ 五大浏览器有哪些?

​ • IE浏览器

​ • 火狐浏览器(Firefox)

​ • 谷歌浏览器(Chrome)

​ • Safari浏览器

​ • 欧朋浏览器(Opera)

➢ 相同的网页在不同浏览器中显示效果会完全一致吗?

​ • 因为不同浏览器渲染引擎不同,解析的效果会存在差异

➢ 前端工程师日常推荐使用哪一个浏览器?

​ • 谷歌浏览器(Chrome)

1.10. 为什么需要 Web 标准?(了解)

1.11. Web 标准的构成

1.12 Web标准的记忆方法

➢ Web标准要求页面实现:结构、表现、行为三层分离

1.13 小结:

➢ Web标准的构成有哪些?分别通过什么语言表示?

• 结构:HTML → 页面元素

• 表现:CSS → 页面样式

• 行为:JavaScript → 页面交互的动态效果

标签:Web,网页,标签,基本知识,初识,HTML,浏览器,页面
From: https://www.cnblogs.com/atao-BigData/p/16929518.html

相关文章

  • web前端大作业(基于HTML+CSS+JavaScript仿阴阳师游戏官网首页作业制作)
    ......
  • 教你如何用原生css和html搭建一个好看的Table表格
    前言大家在学习<table>标签的时候,可能还没有接触css,所以你做出来的表格可能是这样的:或者是这样的:大家有想过自己做一个漂亮的表格吗?我知道大家在做项目的时候大概率会......
  • 【HTML】表格
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • 初识春秋云镜靶场
    春秋云镜靶场2022.11.26这个靶场里面有很多CVE的漏洞,有免费的也有收费的(价格有点小贵),十分推荐大家去打一打这个靶场,去巩固自己的知识这篇文章的话是我个人的思路笔记,所......
  • HTML网址集合
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>网址</title></head><body><h1>网址</h1><ahref="https://www.baidu.com">百度</a><ahref="ht......
  • html canvas添加文字(自动换行)
    htmlcanvas添加文字遇到\r换行超过宽度自动换行<html><body><imgwidth="1070"height="1070"id="img"/><scripttype="text/javascript">constcanva......
  • HTML具体元素
    HTML的标签文档的头部和主题<html><head>这里是文档的头部.........</head><body>这里是文档的主体.........</body></html> HTML标题标......
  • HTML元素
    HTML文档是由HTML元素定义的。HTML元素HTML元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码。例: 开始标签元素内容结束标签<p>Thisisaparag......
  • 如何用JavaScripte和HTML 实现一整套的考试答题卡和成绩表
    相信在学校的你都有这样的体验,临近考试,要疯狂的“背诵”否则成绩单就要挂零,因为答题卡全部涂抹都是错的。那么毕业多年的你,没有了考试,有没有一丝怀念涂答题卡的时候,有没有......
  • HTML重学--基础
    <html>与</html>之间的文本描述网页<body>与</body>之间的文本是可见的页面内容<h1>与</h1>之间的文本被显示为标题<p>与</p>之间的文本被显示为段落<!......