做seo了解HTML的一些常用代码,可以帮助我们更好的理解seo,尤其是我们在网站上做一些小测试的时候,每次都要找别人,很麻烦,而且会花很长时间。如果能自己做,一方面方便测试,另一方面效率更高。
Html代码文本设置
1.font-size:字体大小参数
2.font-style:字体格式
3.font-weight:字体粗细
4.颜色属性color:参数注意网页安全色的使用。
设置超链接
文本装饰:参数
主要目的是在浏览器显示文本链接时更改下划线。
参数值范围:
下划线:给文本加下划线。
上划线:给文本加下划线。
删除线:删除文本。
闪烁:使文本闪烁。
无:不显示上述任何效果。
背景
1.背景颜色
背景色:参数
2.背景图片
背景-image: url(网址)
是存储背景图像的路径,无表示无。
3.背景图片重复。
背景-重复:参数
参数值范围:
不重复:背景图片不重复平铺。
重复-x:使图片仅水平平铺。
重复-y:使图片只在垂直方向平铺。
如果不指定背景图像重复属性,浏览器默认水平和垂直平铺背景图像。
4.固定背景图片
背景图像固定控制背景图像是否随着网页的滚动而滚动。如果不设置背景图片的固定属性,浏览器的默认背景图片会随着网页的滚动而滚动。为了避免滚动时过于花哨的背景图片分散访问者的注意力,它们通常是固定的。
背景-附件:参数
参数值范围:
固定:当网页滚动时,背景图像相对于浏览器窗口是固定的。
滚动:当网页滚动时,背景图像相对于浏览器窗口一起滚动。
街区
1.单词间距
Word-spacing:间距
2.字母间距
字母间距:字母间距
3.文本对齐
Text-align:参数
参数值:
左:左对齐
右:右对齐
中心:中心对齐
只是:左右对齐。
4.竖向定线
垂直校准:的参数
顶部:顶部对齐
底部:底部对齐
文本顶部:与文本顶部对齐。
文本底部:与文本底部对齐。
基线:基线对齐
中间:居中对齐
Sub:以下列形式显示
超级:以上述标签的形式显示。
5.缩进文本
Text-indent:缩进距离
12px相当于一个文本距离。
6.空间
空白:参数
标准
预先预订
Nowrap不换行。
7.显示样式
显示:参数
参数值范围:
Block:块级元素,在对象前后换行。
内嵌:不要在对象前后换行。
List-item:在对象前后换行,添加项目符号none:不显示。
方形框架
1.身高身高。
2.宽度宽度。
3.填充内边距。
4.距离之外的边距。
5.float:可以将块级元素排成一行,比如水平菜单。
6.清除清除浮动。
设计
1.风格
边框样式参数
边框样式的参数:
无:无边框
虚线:边框是虚线。
虚线:边框有长有短。
实线:边框是实线。
Double:边框是双重的。
2.宽度
边框宽度参数
3.颜色
边框颜色参数
以表格或栏的形式排列
列表样式类型列表样式
不同浏览器的列表符号可能不一样,可能会影响网页,所以网页中的列表大部分都是用背景图片显示的。
控制用户界面的样式
老鼠
光标:鼠标形状参数
CSS鼠标形状参数表
:
鼠标形状:CSS代码
style=”cursor:hand” 手形
style=”cursor:crosshair” 十字形
style=”cursor:text” 文本形
style=”cursor:wait” 沙漏形
style=”cursor:move” 十字箭头形:
style=”cursor:help” 问号形
style=”cursor:e-resize” 右箭头形
style=”cursor:n-resize” 上箭头形
style=”cursor:nw-resize” 左上箭头形
style=”cursor:w-resize” 左箭头形
style=”cursor:s-resize” 下箭头形
style=”cursor:se-resize” 右下箭头形
style=”cursor:sw-resize” 左下箭头形
HTML常用代码之:修改页面的实用性HTML代码
贴图:<img src=”图片地址”>
加入连接:<a href=”所要连接的相关地址”>写上你想写的字</a>
在新窗口打开连接:<a href=”相关地址” target=”_blank”>写上要写的字</a>
移动字体(走马灯):<marquee>写上你想写的字</marquee>
字体加粗:<b>写上你想写的字</b>
字体斜体:<i>写上你想写的字</i>
字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
字体加大: <big>写上你想写的字</big>
字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
更改字体颜色:<font color=”#value”>写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线:<a href=”相关地址” style=”text-decoration:none”>写上你想写的字</a>
贴音乐:<embed src=”音乐地址” width=”宽度” height=”高度” autostart=false>
贴flash: <embed src=”flash地址” width=”宽度” height=”高度”>
贴影视文件:<img dynsrc=”文件地址” width=”宽度” height=”高度” start=mouseover>
换行:<br>
段落:<p>段落</p>
原始文字样式:<pre>正文</pre>
换帖子背景:<body background=”背景图片地址”>
固定帖子背景不随滚动条滚动:<body background=”背景图片地址” body bgproperties=fixed>
定制帖子背景颜色:<body bgcolor=”#value”>
帖子背景音乐:<bgsound=”背景音乐地址” loop=infinite>
贴网页:<iframe. src=”相关地址” width=”宽度” height=”高度”></iframe>