网页制作学习笔记

这篇博客详细介绍了HTML5和CSS在网页制作中的应用。从HTML5的基础概念和重要性,到CSS的样式层叠原理,再到实践中的超链接、DIV布局、导航菜单、图片和视频的插入,以及焦点图的实现,全方位展示了网页制作的过程。通过实例分析,帮助读者理解HTML5和CSS的结合使用,以创建功能丰富的网页。
摘要由CSDN通过智能技术生成

前言
1.HTML语言的全称是:”Hyper Text Markup Language“,可以翻译为”超文本标记语言“,这个文字直观的告诉我们 它是一种标记语言,而不是一种编程语言,而且它是用标记标签来描述网页。
现行的HTML语言被称为“HTML5”,简称”H5“。它是“万维网的核心语言、标准通过标记语言下的一个应用超文本标记语言(HTML) 的第五次重大修改”。经过接近八年的努力,万维网联盟于2014年12月29日宣布“HTML5”标准规范制定完成。
网页本质就是一个用超文本标记语言编写的文档,在这个文档中使用各式各样的标签来实现相应的功能和效果, 再通过结合其他的web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超文本标记语言是万维网(web)编程的基础, 也就是说万维网是建立在超文本基础之上的。为什么称它是超文本标记语言呢?是因为文本中包含了所谓的“超级链接”点。
2.层叠样式表 (英文全称:Cascading Style Sheets),简称“CSS”。它是一种用来表现HTML(标准通用标记语言的一个应用) 或者XML(标准通用标记语言的一个子集)等文件央视的计算机语言。 CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各个元素进行格式化。
CSS能够对网页中的元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式, 同时也拥有对网页对象和模型样式编辑的能力。
所谓“层叠”指的是样式的优先级,所有的样式会根据如下规则层叠于一个新的虚拟样式表中, 其优先级从低到高依次是:1.浏览器的缺省设置;2.外部样式表;3.内部样式表(位于head标签内部); 4.内联样式(在HTML5元素内部)

此博客通过网页制作过程进行分析总结,有不全面的地方请见谅
我用来制作网页的软件是webstorm,ws的安装教程随缘更。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

001_Hello world
以最简单的hello world网页为例
(HTML的基本结构在其他博客有简单介绍https://blog.csdn.net/eleven_77_/article/details/105170957)
在这里插入图片描述
为了美观还设置了背景、字体的颜色,字体形势和大小以及位置

在这里插入图片描述
002_标题与段落
在这里插入图片描述
通过创建一个css来对这个单调的网页加以修饰(html与css的关系在此博客有介绍:https://blog.csdn.net/eleven_77_/article/details/105170827)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值