HTML 基础结构

最新推荐文章于 2024-04-18 05:00:00 发布

sun0905

最新推荐文章于 2024-04-18 05:00:00 发布

阅读量318

点赞数

分类专栏： html 文章标签： html html5

本文链接：https://blog.csdn.net/sun0905/article/details/108926367

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文详细介绍了网页的组成部分，包括HTML结构层、CSS表现层和JavaScript行为层。讲解了文件夹命名规则、浏览器兼容性以及网页布局如header、nav、banner、content和footer。还提到了常见的图片格式和HTML的基本结构，如文档类型声明、元信息、链接CSS及内联CSS等，并阐述了CSS的选择器和样式声明。此外，讨论了网页中图片的兼容性和不同类型的CSS引用方式。

摘要由CSDN通过智能技术生成

建站点

css 层叠样式表
html 静态页面
images/img 图片 .jpg .png .gif
js

网站的组成

html 结构层 .html/.htm one.html
css 表现层 .css
Javascript 行为层 .js

建文件夹（命名规则）

字母，数字，下划线，不能以数字开头，不能是中文。

五大浏览器

谷歌 Chrome
火狐 Firefox
IE 6,7，8,9,10
Opera
Safair

组成一个网页有哪些

header 头部 (logo 登陆注册信息)
nav 导航 (一对一的关系)
banner 图片 (tab焦点图)
content 内容
footer 底部 (版权信息地址邮箱)

网页中可以兼容图片格式：

1、jpg 色彩丰富，文件量小
2、gif 支持动画，支持透明，最多只支持256种颜色
3、png 无损压缩，文件量大（png8/32支持透明，png24支持半透明，IE6浏览器不支持）

HTML的格式

文档类型声明<!DOCTYPE html> html5
整个文档的包含元素<html></html> 根文件
头文件<head></head> 不显示
<title></title>用于为文档定义标题
<meta/> 语言声明，语言编码（utf-8、gb2312…）元信息
<link> 外部链接CSS文件
<style></style> 内部编辑CSS文件
文档主体部分<body></body> 显示

路径（url）相对路径(可以变）绝对路径(不能改变 http://www.baidu.com)

html（超文本标记语言）
<meta charset="UTF-8"> 空格属性名=“属性值” 属性

css(层叠样式表)
h1（选择器）{
color:red; 属性名:属性值; 属性样式声明
font-size:19px;
}

链接 css

<link> 外部链接CSS文件
<style></style> 内部编辑CSS文件（内嵌）
行内/内联css
<h4 style="color:green;background-color:yellow;">4444</h4>
外部导入
@import url("…/css/two.css");必须在头上，外部链接CSS文件()或者内部编辑CSS文件(<style>)