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

MATLAB_66666

已于 2023-11-28 21:07:23 修改

阅读量727

点赞数

分类专栏： Web前端开发文章标签： html css html5

于 2021-03-15 23:44:50 首次发布

本文链接：https://blog.csdn.net/m0_46493060/article/details/114858194

版权

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.47元/天解锁文章

MATLAB_66666

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Web前端第二课(快速入门HTML标签合集、 WebStorm快捷键)

Web前端第二课(入门HTML标签合集、 WebStorm快捷键)------初识HTML，基础标签、超链接1.HTML概述HTML文件由标签语言组成标签的组成：1.<元素名 [属性名=“属性值”] …>元素内容</元素名>如<a href="http://www.zjut.edu.cn/">浙江工业大学</a>就是超链接的语法，标签表示一个超链接，herf是属性名指明链接的网址，一个完整的标签要有结束的</元素名>,效果如下2.空
复制链接

扫一扫