前端——基本框架
2018-11-15 本文已影响0人
浮_屠
HTML
创建网页的基本框架
<!DOCTYPE html> #声明
<html>
<head>
<meta charset="utf-8" /> #表示用万国码编写和解析
<title>网页标题</title> #描述网页的大体内容
</head>
<body>
<h1>页面正文</h1> #一级标题
<h2>页面正文</h2> #二级标题
<h3>页面正文</h3> #三级标题
<h4>页面正文</h4> #四级标题
<h5>页面正文</h5> #五级标题
<h6>页面正文</h6> #六级标题
</body>
</html>
一个页面最小只有六级标题，最大只有一级标题，但标题一个页面只能使用一次
页面的需求
一个页面有标签，元素，属性
标签
- 在HTML中标记就相当于标签
- 使用标记来描述网页内容
<标签名>标签内容</标签名>
常用标签
<html>
- 告诉浏览器这个文档包含的信息是用HTML编写的
- 一个网页里面<html>只能有一个
<head>
- 表示网页的元数据其中包含一些不可见的信息
<title>
- 表示网页的标签，一般会在标题栏上显示，是页面优化的重要因素
<body>
- 用来设置网页的主体，页面能看见得信息都在里面
<p>
- 表示网页中的一个段落
<br />
- 表示一个换行标签
<hr />
- 是水平线标签，可以再页面打印一条水平线将页面分为上下两个部分
<img />
- 表示图片标签，可以用来向页面引来一张外部的图片
属性：
— src：指向外部图片的路径
— alt：图片的描述
<a>
- 超链接标签，通过它可以快速的跳到其他页面
属性：
—href：指向一个链接地址
—target：设置打开目标页面的位置，可选值：_blank新窗口，_self当前窗口
元素
- 一个完整的标签就是一个完整的元素
<h1>一级标题</h1>
其中<h1>就是一个元素
属性
- 属性总是以
名称/值对的形式出现 - 属性需要设置在
开始标签或自结束标签里面 - 属性就是元素的附加信息
- 比如：name="value"
- 它可以是任意值，也可以是指定值
常见属性
-
id
— id属性，一个网页不能出现相同的id属性 -
class
— class属性，用来作为标签分组，相同class属性的标签会主动认为我们是一组 -
title
— title属性，用来指定标签的，指定后鼠标移到元素上方时，会出现提示
注释
<!--注释内容-->
- 使用要合理
- 可以帮助开发人员理解网页代码，注释不能嵌套
<meta>
- 标签可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词
- <meta>应位于文档头部，不包含任何内容
实体
- 在HTML中预留的一些字符
- 语法：&实体名;
字符实体
- 小于号 <
— & lt; - 大于号 >
— & gt; - 空格
— & nbsp; - 和符号 &
— & amp; - 版权 ©
— & copy; - 引号 "
— & quot; - 注册商标 ®
— & reg; - 商标 ™
— & trade;
& reg;写的时候要把空格去了
