首页 技术 正文
技术 2022年11月23日
0 收藏 309 点赞 4,231 浏览 2460 个字

常用属性:

Width=宽度

Height=高度

Size=大小

Color=颜色

Align=布局方向,值包括(top,bottom,left,right,center)上,下,左,右,中。

Border=边框大小

Title=提示文字

Href=连接路径

Src=资源路径

Bgcolor=背景颜色

常用标签: 
1. <br> 换行标签  
2. <p>  段落标签  
3. <b>粗体显示</b>  
4. <i>斜体显示</i>  
5. <u>删除线</u>  
6. 超连接标签,href=连接地址,Target=是否新建页面打开,title=提示文字 
例:<a href=”http://www.baidu.com” Target=”_blank” title=”连接百度”>百度</a>  
7. 滚动标签,scrollamount=滚动速度,align=滚动方向,值包括(top,bottom,left,right,)上下左右 
例:<marquee scrollamount=”20″ align=”left”>公告通知:开始正式运营</marquee>  
8. 水平线标签,size=线条粗细,color=线条颜色,width=100%:表示浏览器满屏显
示,100px:表示浏览器100个像素显示 
例:<hr size=”1″ color=”red”  width=”100%”/>  
<!– 提示:以下重复的属性不在一一做解释,属性说明见文档顶部 –>  
9. body标签有且只能有一对,此标签属性一改,整个页面都会改变.bgcolor=背景颜
色,background=背景图片 
例:<body bgcolor=”#990000″ background=”123.jpg”>  
10. 表格标签,以下表格为三行三列,table表格标签,tr行标签,td列标签,这些标签都是成对出现的,有开始就必须有结束.border=表格边框大小,cellspacing=表格间距大小,cellpadding=表格填充大小

例:<table width=”300″ border=”1″ cellspacing=”0″ cellpadding=”0″>

    <tr> 
    <td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

    </tr>

    <tr> 
    <td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

    </tr>

    <tr> 
    <td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

    </tr>

</table>  
11. 表格跨行跨列,此例依旧是三行三列:

第一行的第1列跟第2列合并,colspan=2为跨2列;

第二行第3列跟第三行第3列合并,rowspan=2为向下跨2行;

例:<table width=”300″ border=”1″ cellspacing=”0″ cellpadding=”1″>

<tr> 
<!–这里的colspan就是向右跨列–>

<td colspan=”2″>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<!–这里的rowspan就是向下跨行–>

<td rowspan=”2″>&nbsp;</td>

</tr>

<tr> 
<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>  
12. 字体标签,size=字体大小,color=字体颜色

例:<font size=”+2″ color=”#990000″>红色5号字体</font> 
 
13. CSS样式,以下代码就是一个定义样式的模版,<style type=”text/css”>但凡定义的样式都要写在这对标签里面才会生效,而style标签必须在<head>标签里面写。这里定义的Td样式前面是没有加点的,这表示网页内所有td标签都会用此样式, 而且不需要经过class调用.这里自定义了Cs1,注意前面是加点的,那么说明这个样式必须用class调用

例:<style type=”text/css”> 
<!–border为边框样式,自带三个属性,颜色、线性、粗细大小–> Td{ border:#0000FF solid 1px;} 
<!–这个样式是针对字体的,跟前面font差不多–> 
.Cs1{ font-size:14px; font-family:”宋体”; color:#FF0000} </srtpe>  
<!–这里我们对字体调用了Cs1样式–> 
<span class=”Cs1″>学习编程,美好未来</span> 
<!–这是一行一列的表格,此处没有对class调用样式,但是效果却跟上面Td定义的一样,这说明Td样式前面没有加点,网页凡是<td>的标签将自动引用该样式–> <table> <tr> 
<td>123456</td> </tr> </table>  
14. 内嵌样式定义,简单的样式我们可以通过标签内style属性定义,效果跟13例子一样 例:<span style=” color:#990000; font-size=:18px”>红色18号字体</span>  
15. 图片,src=图片路径,width=图片宽度,height=图片高度,高宽不写为默认大小 <!–这里的src为本地电脑image文件下的text.jpg图片–> 
例1:<img src=”data:image/text.jpg” width=”120″ height=”80″ /> <!–这里的src为网络图片路径–> 
例2:<img src=”https://img.zhankr.net/xlnxfx0p1nv5042.gif” />

微信扫一扫

支付宝扫一扫

本文网址:https://www.zhankr.net/140788.html

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:875 阅读:5,067
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:806 阅读:3,504
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:565 阅读:4,312
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:730 阅读:4,307
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:4,904
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:3,097
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站