对页面的认识

最新推荐文章于 2023-02-27 09:33:49 发布

Liuyuxin11

最新推荐文章于 2023-02-27 09:33:49 发布

阅读量1.1k

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/Liuyuxin11/article/details/109325567

版权

对页面的认识

前言

一、页面分为什么？

页面具体分为：静态页面、动态页面两类。

二、两类页面都由什么组成

1.静态页面

静态页面由HTML+css组成，编译软件有由下几类：
SublimeText 、HBuilder、HBuilder X、Visual Studio Code简称（VS Code）等等。

2.动态页面

动态页面由HTML+CSS+Javascript（Js）组成，编译软件同上几类。

3.两大页面组成的必要条件

组成一个静态网页要有：HTML+CSS
HTML由以下组成：
header 头部 (logo 登陆注册信息)
nav 导航 (一对一的关系)
banner 图片 (tab焦点图)
content 内容
footer 底部 (版权信息地址邮箱)

文档类型声明<!DOCTYPE html>    html5


整个文档的包含元素<html></html>   根文件

头文件<head></head>   不显示


            <title></title>用于为文档定义标题（头文件）
            <meta>  语言声明，语言编码（utf-8、gb2312...） 元信息
            <link> 外部链接CSS文件
            <style></style> 内部编辑CSS文件 
            
文档主体部分<body></body>   显示

网页中可以兼容图片格式：
1、jpg    色彩丰富，文件量小
2、gif     支持动画，支持透明，最多只支持256种颜色
3、png   无损压缩，文件量大（png8/32支持透明，png24支持半透明，IE6浏览器不支持）

css(层叠样式表)
h1（选择器）{
    color:red;   属性名:属性值;  css属性     样式声明
    font-size:19px;
  }
<link> 外部链接CSS文件

内部编辑CSS文件

内嵌css
<h4 style="color:green;background-color:yellow;">4444</h4>

外部导入
@import url("…/css/two.css");必须在头上，外部链接CSS文件()或者内部编辑CSS文件(

组成一个动态网页还需要有JavaScript（JS），后期会详细介绍。

总结

这里对文章进行总结：
以上就是今天要讲的内容，本文仅仅简单介绍了HTML和CSS的使用，后期将详细介绍HTML及JS的具体使用详情

接下来将介绍一下H5具体是做什么
通常我们所说的H5就是广告的一种表现形式，大多是在微信上宣传营销使用的，而HTML5是第五代HTML的标准，可以说，H5都是基于 HTML5 实现的，包括目前我们看到的大部分网页，基本上所有H5都遵循HTML5这个规范，不然就会出现问题。通俗的讲，H5是一个网页，就像一个很大的容器，里面可以放文本、图片、音视频等基本的流媒体格式的文件。

Liuyuxin11

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对页面的认识

对页面的认识前言一、页面分为什么？页面具体分为：静态页面、动态页面两类。二、两类页面都由什么组成1.静态页面静态页面由HTML+css组成，编译软件有由下几类：SublimeText 、HBuilder、HBuilder X、Visual Studio Code简称（VS Code）等等。2.动态页面动态页面由HTML+CSS+Javascript（Js）组成，编译软件同上几类。3.两大页面组成的必要条件组成一个静态网页要有：HTML+CSSHTML由以下组成：header 头部
复制链接

扫一扫