一.html5认知

一.网页组成

1.框架

定义: 网页的组织形式,将相互关联的多个网页内容组织到一个浏览器窗口中显示

2.文本

可调配属性: 字体,颜色,字号,底纹,边框等
参数认知:

  • 中文参数:
    • 字体: 宋体,
    • 字号: 9磅或12-14像素

3.图片

JPG(.jpg),GIF(.gif)

4.超链接(URL)

定义: 网站的通道,网页指向另一个目的地的连接
可连接格式: 网页,图片,电子邮件地址,文件,程序,本网页的位置

5.表格

定义: 网页排版的灵魂,能精确地控制各网页元素在网页中的位置

6.表单

定义: 用来收集站点访问者输入的信息

7.动画

格式: GIF,PICT,JPEG,PNG

8.其他

二.网页的结构

案例解析

html5显示
一.html5认知

html5代码

<head>

<meta Charset="utf-8">
<title>网页标题</title>
<meta name="keywords" conten="关键字" />
<meta name="description" content="此网页描述" />

<body>
内容组件
</body>

</head>

1.html组件

功能: 申明一个网页的开头和结尾,

<html>
</html>

2.head组件

功能:

  • 1.无法在浏览器中显示
  • 2.给服务器,浏览器外部JavaScript,a连接CSS样式的区域
<head>
</head>

3.title组件

功能: 放置网页的标题,可在浏览器标题栏看到

<head>
<title>网页标题</title>
</head>

4.meta组件

功能: 给搜索引擎提供信息,

  • "keywords"提供关键字
  • "description"提供主要内容
<head>
<meta name="keywords" conten="关键字" />
<meta name="description" content="此网页描述" />
</head>

5.body组件

功能: 正文,指明在页面中内容显示的组件

<head>
<body>
内容组件
</body>
</head>

一.html5认知

上一篇:原生js 操作class


下一篇:Docker 构建PHP镜像