Web前端第二课(快速入门HTML标签合集、 WebStorm快捷键)

Web前端第二课(入门HTML标签合集、 WebStorm快捷键)

------初识HTML,基础标签、超链接

1.HTML概述

HTML文件由标签语言组成

标签的组成:

1.<元素名 [属性名=“属性值”] …>元素内容</元素名>

<a href="http://www.zjut.edu.cn/">浙江工业大学</a>就是超链接的语法,标签表示一个超链接,href是属性名指明链接的网址,一个完整的标签要有结束的</元素名>,效果如下

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-twEl3WWk-1615822550794)(C:\Users\86157\Pictures\截图\屏幕截图 2021-03-14 200710.jpg)]

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>

可用作文章的侧栏或边栏。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值