打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
教你认识基本博客代码(初学者必藏)
认识基本博客代码
代 码
释 义
一、文字语法
align=center
文字居中
align=left
文字居左
align=right
文字居右
align=up
文字居上
align=down
文字居下
<font face=宋体></font>
指定字体
<font color=颜色代码></font>
设定字体颜色
<font size=数值></font>
设定字体大小(数值1至7,7最大)
<b>相关文字</b>
设定粗体字
<strong>相关文字</strong>
设定粗体字(强调)
<h1>相关文字</h1>
设定标题字大小(h1最大,h6最小)
<i>相关文字</i>
设定斜体字
<em>相关文字</em>
设定斜体字(强调)
<dfn>相关文字</dfn>
设定斜体字(表示定义)
<big>相关文字</big>
字体加大
<font size=100p%>相关文字</font>
字体最大
<font style ="font-size:100px">相关文字</font>
字体无限增大
<marquee>相关文字</marquee>
移动字体
<kbd>相关文字</kbd>
键盘相关文字
<tt>相关文字</tt>
打字体
<sup>相关文字</sup>
上标字
<sub>相关文字</sub>
下标字
<u>相关文字</u>
底线
<ins>相关文字</ins>
底线(表示插入相关文字)
<strike>相关文字</strike>
横线
<s>相关文字</s>
删除线
<del>相关文字</del>
删除线(表示删除)
<xmp>相关文字</xmp>
固定宽度字体
<plaintext>相关文字</plaintext>
固定宽度字体(不执行标记符号)
<listing>相关文字</listing>
固定宽度小字体
<pre>相关文字</pre>
原始文字样式,预格式化文本
二、区段标记
<br>
换行
&nbsp;
空格
<p>相关内容</p>
段落
<DIV相关内容</DIV>
段落
<center>相关内容</center>  居中
居中
<left>相关内容</left>  居左
居左
<right>相关内容</right>
居右
<P align=center>相关内容</p>
排版段落的标签
<DIV align=center>相关内容</DIV>
排版大块段落的标签
align=属性值
对齐方式,属性值为left(左对齐,默认),center(居中),right(右对齐)
width=数值
表示宽度,数值为像素和百分比两种
height=数值
表示高度,取值方法同width
<nobr>相关文字</nobr>
不换行
<hr>
水平线
<hr size="数值">
设定水平线厚度
<hr width="数值">
设定水平线宽度,
数值为像素和百分比两种
<hr color="颜色代码">
设定水平线颜色
<hr noshade>
设定没有阴影的水平线
<BLOCKQUOTE>要缩排的文字</BLOCKQUOTE>
从两边缩进文本
三、 地址链接
<base href=网页地址>
预设好链接路径
<a href=网页地址></a>
外部链接
<ahref=网页地址 target="_blank"></a>
另开新窗口链接
<a href=网页地址 target="_top"></a>
全窗口链接
<a href=网页地址 target="页框名"></a>
在指定页框链接
<a href=网页地址 style="text-decoration:none">相关文字</a>
消除链接文字的下划线
<a href=网页地址><IMG src=图片地址 border=0></a>
图片链接
<a href=网页地址>相关文字</a>
文字链接
<a href=网页地址><font face=宋体 color=#660000 size=6>相关文字</font></a>
彩色文字链接
四、贴图/音乐
<img src=图片地址>
简单贴图
<img src=图片地址 width=数值 height=数值>
设定图片宽度和高度
<img src=图片地址 alt="提示相关文字">
设定图片提示相关文字
<img src=图片地址 border=数值>
设定图片边框(边框线宽度)
<img src=图片地址 hspace=数值 vspace=数值>
图形四周留白
<body background=图片地址>
贴背景图片
<body bgcolor=颜色代码>
设定背景颜色
<bgsound src=音乐地址 autostart=true loop=true>
背景音乐(隐藏)
<embed src=音乐地址 autostart=true loop=true></embed>
背景音乐(显示播放器)
<embed src=flash地址 width=数值 height=数值></embed>
贴Flash音画
<img dynsrc=影视地址 width=数值 height=数值 start=mouseover>
贴影视
<iframe src=网页地址 width=数值 height=数值></iframe>
贴网页
<bodybackground="图片地址" body bgproperties=fixed>
固定背景不随滚动条滚动
五、文字移动
<marquee>相关文字</marquee>
简单重复移动
<marquee behavior=slide>相关文字</marquee>
向左一次移动
<marquee behavior=scroll>相关文字</marquee>
预设卷动
<marquee behavior=alternate>相关文字</marquee>
左右来回移动
<marquee direction=up>相关文字</marquee>
向上重复移动
<marquee direction=down>相关文字</marquee>
向下重复移动
<marquee direction=left>相关文字</marquee>
向左重复移动
<marquee direction=right>相关文字</marquee>
向右重复移动
<marquee loop=数值>相关文字</marquee>
设定移动次数
<marquee width=数值>相关文字</marquee>
设定文字移动的宽度范围
<marquee height=数值>相关文字</marquee>
设定移动高度
<marquee bgcolor=颜色代码>相关文字</marquee>  设定移动背景颜色
设定移动背景颜色
<marquee scrollamount=数值>相关文字</marquee>
设定文字移动的速度
<marquee scrolldelay=数值>相关文字</marquee>  设定移动时间
设定移动时间
<marquee scrolldelay=数值 scrollamount=数值>相关文字</marquee>
设定移动停顿
六、表格语法
<TABLE></TABLE>
定义表格
<TR></TR>
定义表格中的“行”
<TD></TD>
定义表格中的“列”
border=数值
表格外框线宽度
borderColor=颜色代码
表格边框线颜色
bordercolorlight=颜色代码
表格亮边框颜色
bordercolordark=颜色代码
表格暗边框颜色
bgcolor=颜色代码
表格的背景颜色
background=图片地址
表格的背景图案
cellspacing=数值
表格中各单元格框线的间距
cellpadding=数值
表格内容与表格边框之间的距离
colspan=数值
合并表格的列数
rowspan=数值
合并表格的行数
<caption></caption>
建立表格的标题,通过位置属性定义标题的位置
<table cols=数值>内容</table>
指定表格的栏数
<table frame=数值>内容</table>
设定表格外框线的显示方式
<frameset cols="20%,*">
分割左右两个框架
<frameset cols="20%,*"> 
左右分割,将左边框架分割大小为20%,右边框架的大小会自动调整
<frameset cols="20%,*,20%">
分割左中右三个框架
<frameset rows="20%,*">
分割上下两个框架
<frameset rows="20%,*">  上下分割,将上面框架分割大小为20%,下面框架的大小会自动调整
上下分割,将上面框架分割大小为20%,下面框架的大小会自动调整
<frameset rows="20%,*,20%">
分割上中下三个框架
七、HTML基本语法
<html>网页内容</html>
文件格式(文件的开头与结尾)
<head>网页主题</head>
文头区段(放在文件的开头)
<title>主题信息</title>
网页主题
<body>网页正文内容</body>
内文区段(放此文件的内容)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
博客基本代码
引用 代码基础知识 - 阿杰的日志 - 网易博客
博客制作基本代码 - 霍斯的日志 - 网易博客
引用 基本代码的说明.属性.解读[引用.收集.整理归纳] - 成靖的日志 - 网易博客
HTML代码实际应用讲解
淘宝店铺装修代码大全|免费资源
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服