web基础-html(01)

web标准

  • 网页的结构（后缀名字为.html的文件）：负责网页的内容整理和分类

  • 网页的样式（后缀名字为.css的文件）：负责设置网页的板式，颜色，文字大小

  • 网页的行为（后缀名字为.js的文件）：负责网页的动态交互

认知HTML

概念：HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

说白了HTML就是用尖括号包裹起来的英文单词，浏览器对这个尖括号包裹起来的英文单词有特殊的解释 

如：<strong>加粗</strong>  <h1>大标题</h1>  等等

HTML骨架

HTML有固定的基本格式，就跟我们书信有基本的格式是一样的

<html>
    <head>
        <title>页面的标题</title>
    </head>
    <body>
        这里写内容    
    </body>        
</html>

HTML的其他介绍

  •  嵌套关系
<html><head></head></html>
  •  并列关系
<head></head><body></body>

HTML的标签分类

双标签：如<strong>标签的内容</strong> 语法：<开始标签> 标签内容 </结束标签>
单标签：<br/>单标签都是功能性的标签，例如换行等功能 里面不需要添加内容 语法：<标签名 />

认知标签

1. 标题标签 <hn>标题内容</hn> 设置一个标题 n的取值范围是1-6 1的权重最高，6最小
2. 段落标签 <p>段落内容</p>
3. 水平线标签 <hr /> 单标签 作用是呈现一个水平线
4. 换行标签 <br /> 单标签 作用是换行

字体格式化标签
5. 加粗字体 <strong>字体加粗</strong> <b>字体加粗</b>
6. 倾斜字体 <em>字体倾斜</em> <i>字体倾斜</i>
7. 字体贯穿线 <del>字体贯穿</del> <s>字体贯穿</s>
8. 字体下划线 <ins>字体下划线</ins> <u>字体下划线</u>

标签语义化

一个需求可以用不同的标签来完成，那么这之间有什么区别呢？ 一个是标签语义强，起强调作用。一个是没有语义，没有强调作用 语义好的网页更受SEO的喜欢，在搜索引擎里面的排名会更靠前

SEO优化 ===> 在输入关键字的时候，搜索引擎会罗列很多很多的网页出来，而用户基本习惯都是点前面的网页，不会去点后面的网页，所以如果网页在搜索引擎中的排名更加靠前，那么自然而然会带来更多的用户点击访问。

如何优化（了解）：

　　　　1、花钱买关键字 见效快，花钱多
　　　　2、让页面更加规范，语义更加明确（在合适的地方使用合适的标签）
　　　　3、制作静态页面
　　　　4、发外链

 

posted @ 2019-03-07 14:08  郑林海  阅读(102)  评论(0)    收藏  举报