web前段基础2

font-size:12px;  一般都为偶数,至少为12px

font-family:微软雅黑,宋体;中文默认的字体为宋体,跟逗号的话意思就是前一个字体不解析就会解析后面的字体;

color:red;控制文字颜色,颜色值可以是#ffffff这种类型的,也可以类似rgb(165,26,59)这种类型的30px

line-height:30px;行高,文字大小加双侧的距离等于行高,当行高等于盒子大小使,文字垂直居中,

text-align:center;文本对其方式;当text-align为center时,文字水平居中;

text-indent:32px;缩进两个字符,上面一个字的大小为16px,所以两个字为32px;也可以直接写成text-indent:2em;也代表缩进两个字符;1em代表一个字符;

font-weight:bold;文字加粗;当值为normal时,为正常字体;

font-style:italic;    文字样式,italic表示文字为斜体;当值为normal时,为正常样式;

text-decoration:underline;  文本修饰,当值为underline时表示给文字添加下划线,当值为overline时表示给文字增加上划线,当值为

line-through时表示给文字增加删除线或者中间线。当值为none时,表示去掉文本修饰。

letter-spacing:10px;表示字母间距为10px,

word-spacing:10px;表示单词间距,以空格为解析单位。

<img   src="1.png"  alt="haha"/>   img是单标签,当图片找不到或者不显示是提示alt的值,同时alt是供搜索引擎识别

<a  href="#"  target=_blank></a>  当鼠标划过时,网页右下角会提示链接信息,鼠标会变为手指。

当href的值为一个网页地址时,点击a标签为跳转到该网页。target的值为_blank时,表示在新的页面打开此链接,当target的值为_self时,表示在当前页面打开此链接。

在head标签中添加<base   target="_blank">  表示定义该网页的所有a标签的默认打开方式为在新的窗口打开。

当href的值为一个文件的地址时,a标签点击时就会变成下载。

<a  href="#hyy1" ></a> 当href的值为一个元素的id时,a标签点击时就变成锚点,点击a标签会跳到该id的元素对应的内容

总结a标签有链接、下载、锚点的作用。

<h1>~<h6>都表示为标题标签,其中字体大小依次减小

<p>标签为段落标签

<strong></strong>表示强调,显示的字体为粗体

<em></em>也表示强调,强调的语气没有strong强,显示的字体为斜体。

<span></span>用来区分样式,例如当一段文字里面有部分文字字体颜色不一样时,可给不一样的文字加span标签,然后单独设置样式。

<ol>

<li></li>

<li></li>

</ol>

ol为有序列表

<ul>

<li></li>

<li></li>

</ul>

ul为无序列表

<dl>

<dt>定义列表标题</dt>

<dd>定义列表项</dd>

<dd>定义列表项</dd>

</dl>

dl为定义列表

seo 搜索引擎优化:

部分方法:(1)页面标签语义化

                  (2)使用对seo有利的标签h1\h2\h3\strong\em等等

                  (3)提高页面关键词密度

sem:搜索引擎营销(包含seo);

 

                

 

 

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值