Web前端第二课(入门HTML标签合集、 WebStorm快捷键)
------初识HTML,基础标签、超链接
1.HTML概述
HTML文件由标签语言组成
标签的组成:
1.<元素名 [属性名=“属性值”] …>元素内容</元素名>
如<a href="http://www.zjut.edu.cn/">浙江工业大学</a>
就是超链接的语法,标签表示一个超链接,href是属性名指明链接的网址,一个完整的标签要有结束的</元素名>,效果如下
2.空元素标签
<元素名 [属性名=“属性值”] …/>
如插入一张图片
2.常见的标签整理
基本框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
通用标签属性
属性 | 值 | 描述 |
---|---|---|
class | 具体的名字 | 定义属于哪个类 |
id | 具体的id | id是唯一的 |
title | 文本 | 定义提示工具中显示的文本 |
注释
<meta>
标签
http-equiv属性
设定网页缓冲区到期时间,格式如下
<meta http-equiv="expires" content="Fri, 5 Mar 2012 18:18:18 GMT">
GMT是格林尼治时间,北京时间要多8个小时
refresh属性
nrefresh用于刷新与跳转(重定向)页面。
<meta http-equiv="refresh" content="5;url=http://www.tsinghua.edu.cn/" />
其中content值5是指停留5秒钟后自动重定向到URL指定的网址。如果没有指定URL,则5秒钟后页面自动刷新。
name属性
name属性定义meta元信息名称,主要用于描述网页内容和网页相关信息,便于搜索机器人查找和分类。name主要使用的meta名称如下:
keywords:网页的关键字。
description:网页的内容描述。
author:网页的作者。
generator:网页使用的编辑器。
revised:网页修订信息。
如:
<meta name="robots" content="index,follow"/>
<meta name="description" content="HTML meta示例" />
<meta name="keywords" content="HTML,meta" />
<meta name=“author” content=“陆佳炜" />
<meta name="generator" content="JetBrains WebStorm 11.0.3" />
<header>
标签
定义文档的页眉。通常用来放置整个页面或页面内的一个内容区块的标题。专门用来标识
可以包含heading元素
<nav>
定义导航栏
<article>
标识一篇文章
<section>
定义文档中的一节,标签定义文档中的节(区段)。比如章节、页眉、页脚或文档中的其他部分。
<aside>
可用作文章的侧栏或边栏。