HTML前言

本文详细介绍了HTML5、CSS3的基础学习和进阶提升,包括网页制作流程、网页构成、HTML5新特性、CSS3样式、浏览器内核以及Web标准的重要性。通过实际项目——电商网站的制作,强调了结构、样式和行为分离的最佳实践,旨在提升网页开发的实际操作能力。
摘要由CSDN通过智能技术生成

一、前期规划

HTML5基础(20%)

学习HTML5基础,主要学习最常见的没有兼容性的HTML标签

CSS3基础(50%)

学习CSS3基础,主要学习最常用的没有兼容性的CSS样式,利用前面学习的标签完成传统PC端网页布局。

H5C3提高(10%)

学习HTML5新增的标签,CSS3样式,有一定兼容性,可以与未来更好的接轨。

项目(20%)

综合以前学习的知识点,贴近于实际开发,制作电商网站,完成首页、列表页、注册页制作。

目的:学习网页制作实际开发制作流程规范

二、网页

网页是网站中的一“页”,通常是HTML格式的文件,要通过浏览器来阅读。

网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件。

三、HTML

超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。(不是一种编程语言,而是一种标记语言)

超文本2层含义

        它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。

        它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)。

四、浏览器

网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。

五、浏览器内核(渲染引擎)

负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

六、浏览器

浏览器内核备注
IETridentIE、猎豹安全、360极速浏览器、百度浏览器
FirefoxGecko火狐浏览器内核
SafariWebkit苹果浏览器内核
Chrome/OperaBlinkChrome/Opera浏览器内核、blink其实是webkit的分支

七、web标准

为什么需要web标准

web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

浏览器不同,它们显示页面或者排版就有些许差异。

web标准的构成

结构(structure)结构用于对网页元素进行整理和分类,现阶段主要学的是HTML
表现(presentation)表现用于设置网页元素的板式、颜色、大小等外观样式,主要指的是CSS
行为(behavior)行为是指网页模型的定义及交互的编写,现阶段主要学的是JavaScript

最佳体验方案

结构、样式、行为相分离

简单理解

结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值