前端基本结构常用标签图片格式

2019-05-26 本文已影响0人寻_4533

前端三大块 html 负责结构，css负责表现，javascript负责行为

<html></html>是一对根标签，一个页面就一对根标签

<head></head>是一对头标签，里边的内容不会在页面里直接显示，帮助浏览器解析网页

<body></body>是一对体标签也是页面的主题，和head标签的关系是兄弟标签，和根标签是父子关系，所有可见内容都应该放在里边

表示多行注释，只要在里边写的都是注释，注释的内容不会在页面显示，但是可以在源码查看

<title></title>属于标题，供浏览器检索

<font></font>用于设置属性颜色比如color= 'red' 字体大小比如 size='7' 最小是一最大是七

<!doctype html>是H5的文档声明，声明当前网页按照H5的标准编写这个要写在最上边以防进入怪异模式浏览器无法正确解析网页、

设置网页描述name="description" content="发布等等信息"供浏览器检索

http-equiv='refresh' content="秒数；url="目标路径" 几秒后跳转

<h1></h1>标题标签共分六级标签语义一级最大六级最小，一个页面只能有一个h1

<p></p>表示段落标签，表示内容的一个自然段，段与段之间有间距并且独占一行

<br/>字节数标签，用于换行

<hr/>字节数标签，可以在页面中生成一条水平线

<img src="相对路径" alt="图片的说明" />../表示向上一层

图片格式：常用的格式，jpg png gif

jpg 支持的颜色多图片可压缩但不支持透明一般用于照片等颜色丰富的图片

gif 支持的颜色少支持简单的透明支持动图

png 支持颜色多支持复杂的透明

图片使用原则如果效果不一致，使用效果好的，效果一致使用体积小的

前端基本结构 常用标签 图片格式