background-color:#ff0000; //设置背景颜色 background-image:url(stars.gif);background-repeat:repeat-x设置背景图片，设置重复方向，no-repeat为无,全屏 background-position:center;设置背景图片的位置上，可以设置为横坐标？px,纵坐标？pxborder-top:5pxsolidblack;//设置边框宽度，样式，颜色,top可以设置方位，并且可以省略；border-style:solid;//设置边框样式，如实心，空心；border-color:black;//设置边框颜色；border-width:4px;//设置边框宽度 border-radius:20px; //设置边框圆角border-collapse:collapse; //为表格设置合并边框模型;将两条边框合并为一条边框border-spacing:1px50px; //设置相邻单元格的边界间的距离（仅用于“边界分离”模式）。左右，上下box-shadow:10px10px5px#888888; //设置盒子阴影，右偏移，下偏移，扩散，颜色color:#00ff00; //设置字体颜色cursor:pointer; //设置光标属性，光标图案clip:rect(0px,100px,140px,0px); //对图像进行裁剪，上，右，下，左display:none; //此元素不会被显示。block,此元素将显示为块级元素，此元素前后会带有换行符；等。empty-cells:show; //在table表格里面，可以设置空的单元格显示 empty-cells:hide; //在table表格里面，可以设置空的单元格隐藏float:left; //左浮动，向左对齐；float:right; //右浮动，向右对齐 clear:both //清除浮动font-style:normal；//字体样式正常，italic字体样式斜体，oblique字体样式斜体 font-size:20px; //设置字体大小font-weight:bold //设置文本粗细 font-weight:900flex:1 //让所有弹性盒模型对象的子元素都有相同的长度，并且忽略其内部的内容;flex-direction //弹性盒对象,规定灵活项目的方向<iframesrc="//www.baidu.com"width="500px"height="500px"> //标记一个内联框架，内嵌一个网页line-height:30% //设置行间距letter-spacing:20px //设置字母之间的间距list-style:none; //不显示ol图标 ul{list-style:squareurl("sqpurple.gif");} //使用方形图片作为每列标题minlength="2" //最小输入长度为2 max-width:100px; //定义元素的最大宽度margin:10px5px15px20px; //设置所有外边距属性,可以缩小div区域 上,右,下,左 margin:0auto；//上下为0，左右平分父空间，居中min-height:100px; //段落的最小间距list-style:none; //不显示ol图标 ul{list-style:squareurl("sqpurple.gif");} //使用方形图片作为每列标题overflow:scroll; //如果元素中的内容超出了给定的宽度和高度属性，overflow属性可以确定是否显示滚动条等行为，默认值是visible。outline:#00FF00dottedthick; //border外面的线，可以设置的属性分别是（按顺序）：轮廓颜色，轮廓样式，轮廓宽度opacity:0.5; //设置透明度级别0-1padding:10px5px15px20px; //设置内边距，可以扩大div区域 上，右，下，左text-align:left;center;right; //文本左对齐，居中，右对齐text-transform：//文字转换属性 uppercase全部转换为大写，lowercase全部转换为小写，capitalize转换为首字母大写text-decoration:none; //overline：上划线，line-through：中划线，underline:下划线，none:无样式text-decoration:underlineoverlinedottedred;上划线加下划线红色虚线text-decoration:underlineoverlinedottedred;上划线加下划线蓝色波浪text-indent:-99999px; //将文字向左缩进，使用户看不到transform:rotate(25deg); //旋转元素required="required"oninvalid="setCustomValidity('请输入')"oninput="setCustomValidity('')" //必填，可更改提示信息vertical-align:20px; //设置向上偏移或者向下偏移valign="top" //表格里的内容常用对齐方式，top,与内容进行上对齐；middle，居中对齐；bottom,下对齐；baseline,与基线对齐width:50px; //height:100px; 设置宽度和高度width:50px; //height:100px; 设置宽度和高度writing-mode:vertical-rl; //书写模式属性，水平-TB，垂直-LR，垂直-RL，横盘-LR，横盘-RLwhite-space:nowrap; //文本不会换行，文本会在同一行上继续，直到遇到<br>标签为止。z-index:0; //设置图像的层级，越大则越在顶层!important; //可以覆盖父级的样式,如果有同名称的两个样式，总是优先执行-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; //指定两个盒子接壤
很多新手在开始学习SEO的时候都会被程序代码吓坏，所以不敢迈出学习SEO的第一步。所以学习搜索引擎优化真的需要了解程序代码吗？当然，如果你知道，它会更强大。但事实上，学习SEO并不需要精通程序代码，只需要一些HTML代码。首先，我们需要了解网页的基本结构，它分为head和body、中文解释头部和内容部分。以下是一些在SEO优化过程中经常遇到的基本HTML标记代码：记住，所有标记都有封闭的结尾。1、title标签：页面标题，写下页面标题的标题标签；2、description标签：页面描述，写下页面描述的描述标签。3、keywords关键词标签：页面关键词，编写页面关键词标签；4、超链接标签：a超链接标签，标记用于向文本添加链接。链接的地址显示在href中，链接文本描述放置在title属性中。一般来说，如果网站有外部链或内部链不参与排名，我们可以使用nofollow，即在a标签中添加rel=“nofollow”；5、img图片标签：img图片标签，IMG标签用于插入图片。图片有四个属性，包括带图片地址的SRC、带文本描述的ALT、带图片的宽度和带图片高度的高度。除了四个标记之外，title属性是图片标题。6、meta标签：meta标签，此代码显示在网站的标题中。需要注意以下编码格式：charset=UTF-8国际编码格式，charset=GB2312中文编码格式。不正确的编码格式会导致编码混乱。7、h标签：例如，h1页面的重要内容或页面的标题、段落标题等，需要了解标签在页面上最多出现一次，建议对一般文章内容页面和文章标题使用标签。8、strong加粗标签：strong加粗标签，强调重要性的粗体标签。除了学习基本的HTML代码知识外，还需要学习div+CSS。如果你知道一点更简单的JS特效，它会更完美。总之，你所学的一切都是你自己的。HTML代码非常简单，很容易开始，我希望能对您有所帮助。
中国互联网举报中心