web前端HTML+CSS 第一课

下载编辑软件sublime,新建文件,保存文件为html格式

Html语言

Hypertext markup language超文本标记语言

如果你想在外行人面前展现你的专业性?

外行人就是用不专业的眼光来审视你的专业素养。

Html语言是由一堆一对的标签构成的

 

<html></html>根标签,一个html文件只能有一个标签

根标签里面有两个标签

<head></head>就像人的思想,是给浏览器看的,人是但不见的

<body></body>是展现给人看的标签,类似皮肤累的东西

当我们编辑中文的时候有可能浏览器会出现乱码,这种情况下,我们就需要在<head>标签里面加一个属性标签

<meta>(meta是单标签,所以不是成对出现)

属性根属性不一样,属性需要在头标签上面写,例如:

<html lang=”en”>其中lang=”en”中,前面的lang叫属性名,中间加“=”后面的叫属性属性值,属性值必须要加“”。

这个里面的lang=language en=English

这里很重要:这个是高速搜索引擎爬虫,我们的网站是关于什么内容的。(en=English  zh=中文   这个位置除了英文是en,其他的语言都是汉语拼音)

如果中英文都包含怎么写呢?<html lang=”en zh”>

附加:*度爬虫是吧每个网站的关键字给抓取出来,如果你想*度把你的网站抓取出来需要给*度签订协议,不允许有黄赌毒,如果有的话*度会封杀你,然后*度要你提交关键字(一般是5个以内),把关键字提交之后用户再一搜关键字,就能在*度搜索出来来。

为啥别人的网站排在前面,我的网站排在后面呢?*度采取了个非常科学的办法——收费!

收费的模式叫做:竞价排名(*度的第二页一般没人看)

商搜部内部消息:竞价排名范围在1-999元之间。

商搜部赚钱就靠700块钱以上的竞价排名费赚钱呢,有个名词叫:高转化率行业(医疗行业)中国所有的医院是竞价排名费最贵的。云/南一家*田系医院一年盈利1.2亿,*度竞价费1亿元。在医院做推广的都知道叫“*度税”。

*度有个技术叫ip段锁定,同一个ip同一时间段内访问多次就算一次,*度大脑上线后更加智能了,会判断你的生物行为,如果是打开来连看都没带看这个是不符合生物行为的,是不收费的。

每个关键字的价格不一样,例如Nick一般是在30-50元,

关键在于,我点一次他给*度50块钱,再点一次再给50。

即使是这样机制,一些小公司还是坐不起竞价排名的,

例如:5块*30w次=一天就是150W,所以小的公司还是付不起的。

这个时候福利来了:SEO技术,以下下划线部分便是:

<html>

<head>

   <meta charset="utf-8">

   <title>淘*网,淘,呸!</title>

   <meta content="服装" name="keywords">(这里是网站的关键字)

   <meta content="这是一个你穿了就不想脱的衣服" name="description">(这里是网站的描述信息,description:描述,前面的话就是描述的内容,这样写就接近网站爬虫的喜好来,所以在网页上靠前的概率会更大)

</head>

<body>

   life is shit!!!美好生活!!!

</body>

</html>

 

Charset::叫编码字符集,常用的编码字符集一共有四个:gb2312(亚裔字符集)gbk(前面的扩展版本,包括繁体中文字符集)Unicode(万国码)utf-8(万国码的升级版)

<title> </title>标签(浏览器上面显示的角标)

<p></p>标签(paragraph,段落标签,里面的内容成端展示)

<h1></h1>(h1-h6标签,可以直接生成,代码为:h${标题}*6)(标题标签,从h1-h6,6个标题,一般情况是做报纸展示的,特点:1、读成一段2、更改字体大小3、加粗字体)

<strong></strong>(加粗标签,加粗展示里面的内容)

<em></em>(斜体标签,斜体展示里面的内容)

如果想要友加粗又斜体怎么做呢?

<strong><em>举个例子</em></strong>

<del></del>(删除标签,中间内容加删除线展示)

<address></address>(地址标签,成段展示,斜体)(应用比较少)

<div></div>(容器标签,最常用的,没效果(只是独占一行))

<span></span>(容器标签,最常用的,没效果)

这两个标签是非常常用的标签,容器标签,因为当我们要更改一组参数的时候直接更改容器标签就好了,不需要一条一条的修改。

 

Alt+shift+数字(sublime分屏快捷键,常用的是alt+shift+2,分两个屏)

野兔

2019.2.18

转载于:https://my.oschina.net/hare1925/blog/3011670

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值