html和css基础知识

浏览数：12 / 时间：2015年06月09日

html基本框架

<!doctype html> ！这个符号是声明 doctype（doc：document文档， type：类型），这语句的意思是声明文档类型

<html>

<head> 头部

<title>第一个HTML</title> 文档标题

</head>

<body> 主体

</body>

</html>

需要注意的在保存网页的时候，拓展名为html。文本的编码为utf-8,文本的编码格式和代码编码格式要一致，不然会出现乱码。

什么是SEO

SEO（Search Engine Optimization），汉译为搜索引擎优化。seo搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的排名的方式。SEO目的理解是：为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。SEO包含站外SEO和站内SEO两方面。

seo的作用：让网站的搜索引擎排名靠前

Seo方法

1.使用语义化标签

2.使用seo有利的标签title/ h1/h2/h3/ strong/a/ img标签添加alt 、tittle属性

3.提高关键字密度

1、tab 标签的用法

table标签常用的属性cellpadding（内容与单元格间距）cellspacing（单元格之间的间距）

td标签常用属性colspan(列合并)、rowspan（行合并）

　　例子：

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　</table>

2.form标签的使用

　　form标签常见属性有action、method。action属性主要是指定表单提交的地址。method属性指定表单提交方式，它有两个值，分别是get和post。以get方式提交，效率比较高，但　是表单传输的数据会出现在浏览器的地址栏上，数据不安全。以post方式提交数据，效率会低一些，但传输数据安全。

常用选择器：

id选择器：#id名，同一个页面不能出现重复的id名。

class选择器：.class名 class名在同一个页面可以重复多次。

标签选择器：标签名，

群组选择器：群组选择器只是中间多了一个逗号隔开，用于选择一组元素。

包含选择器(后代选择)：后代选择器只是中间多了一个空格隔开，用于选择子、孙级的标签。

组合选择器：他们之间没有空格，把两个选择器连接起来，例子：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>锚点</title>
<style type="text/css">
div.box{
    width: 100px;
    height: 100px;
    background: red;
}
</style>
</head>
<body>
<div class="box">s</div>
<div>xgzdghrxdhg</div>
</body>
</html>