HTML简单基础
详寻https://www.w3school.com.cn/
HTML(HyperText Markup Language)超文本标记语言
HTML允许网页制作,是一种简单的网络通用语言。
1、简单的HTML页面架构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
包含头部(head)和主体(body)两大部分
2、HTML常见标签
------------------头部(head)标签-------------------
(标签的作用:搜索什么关键字可以找到这个网站)
meta标签:
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。位于文档头部 有利于网站seo(理解为搜索什么关键字可以找到这个网站)例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题内容</title>
<meta name="description" content="你的描述内容" />
<meta name="keywords" content="关键字1,关键字2,---" />
</head>
<body>
</body>
</html>
title
title是最重要的(但title不算是标签)
(title推荐简单明了,别人一看就知道网站是干什么的)
title在搜索引擎的搜索中占有非常重要的作用,把他放在keywords,description即meta前,更有利于网站排名。
问题1:是不是无线添加meta标签可以有助于其他人搜索? 答:description描述目的是鼓动人们浏览,而不是和对手竞争。
keywords关键字-相反去除多余关键字有助于提高排名(有算法计算关键字冗余度)其次很多搜索引擎有字数上限。
------------------------主体(body)标签---------------------
<p>段落。</p>
标题标签(标签一般都是成对出现的)
字体由大到小
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<br /> 换行标签
<hr> 换行线标签
对应显示为
文本属性标签
<h1>hello</h1>
<strong>加粗</strong>
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>
<del>删除线</del>
<font size="3" color="black">规定字体属性</font>
size 字体的大小 color 字体颜色
代码样式原样输出
<pre></pre>