## 初识html -- 超文本标记语言
html叫超文本标记语言,不是编程语言
编程语言 --> 带有逻辑性.用来使用的
标记语言 --> 是用来看的,不具备逻辑
超文本标记语言:
超文本:
比普通的文本更厉害.可以插入图片/音乐/视频/超链接.对里面进行排版,样式设计
标记语言:
可以把html当成是一个拼图.它的代码就是一块块碎片称为标签.
我们要做的事就是把正确的标签放在合适的位置上 (不需要考虑过多逻辑)
标签: 写在html里的代码 用<>包裹
1.单标签 : 一般作为功能有特殊作用
<br> -- 换行
<hr> -- 分割线
2.双标签: 一般是用来包裹/保存内容.显示东西,它一般成双成对出现的.需要闭合.结束标签有个/
<标签名>内容</标签名>
<h1>多喝热水</h1>
<h1>
多喝热水
</h1>
## html基本框架
写代码时.推荐创建一个专门的项目文件夹来写代码
创建好html文件后 输入! + 回车 /html:5 就可以生成网页模板
1.快捷键
Ctrl + / -- 注释
alt + b -- 快速打开网页
alt + c -- 美化输入
Ctrl + c -- 复制选中行
Ctrl + x -- 删除选中行
alt + 鼠标点击 -- 选中多行
alt + shift + ↑/↓ --> 快速复制当前行
标签名{} -- 大括号内写入指定内容 -- span{多喝热水} -- <span>多喝热水</span>
表前面[] -- 中括号内写入标签属性 -- a{harf = "www.baidu.com"}
##基本标签
一. <p>文本内容</p>
段落标签.用的比较多的文本标签.它会自动换行
<span>文本内容</span>
文本标签.它不会自动换行.也没有特别的样式属性. 很单纯,后续主要配合css使用
二.特殊文字标签:
1. <b></b> && <strong></strong> 粗体标签
前者只是单纯视觉效果.后者能给浏览器起到强调作用
前者只是单纯加粗,本质上还是普通的文字.
后者有特定的含义.浏览器/爬虫就会优先抓取
2.<i></i> && <em></em> 斜体标签
3.<u></u> && <ins></ins> 下划线标签
## 转义字符:
在前端开发中.有的符号可能会产生歧义.让浏览器不好理解.所以一些符号就用转义字符代替. 比如
< -- 小于号 空格 < 和 >-- <
> -- 大于号 -- >
-- 空格符 --
¥ -- 人民币 -- ¥
## 语义化与SEO:
seo --> 搜索引擎优化
优化网页内容,提高权重.让网页可以在搜索引擎里排名更靠前 (提高规范性,语义性,meta属性)
网站排名靠前的好处:
越靠前,浏览器,点击量更多 --> 用户量/流量更多
互联网上什么东西值钱:
1.数据
2.流量 --> 用户
搜索引擎本质上确实就是爬虫. 通过大型爬虫获取要搜索的数据.里面的网站排名:
1.给了多少钱
2.网页的权重 (规范 远程内容 点击)
语义性 --> 代码规范性
