A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© pi408637535 中级黑马   /  2015-7-15 19:48  /  394 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

HTML元素的形式
       空元素。例:<br>
       带有属性的空元素。例:<hr color = "blue">
       带有内容的元素。例:<title>http://blog.csdn.net/jiben2qingshan</title>
       带有内容和属性的元素。例:<font color="red">http://blog.csdn.net/jiben2qingshan</title>
       注意:对于<br>这类的标签,我们最好这样写<br />

链接
内部链接
       理论
               1、建立命名锚记,其语法:<a name ="命名锚记名称">
               2、建立链接(链接到相应的锚记),其语法:<a href = "#锚记名称">
       举例(主要代码):
               <a href ="#poem"> A点击这个就会跳转到B </a>
               <!--两行中间相隔一页后的效果会更好-->
               <a name ="poem"> B这个就是跳转后的位置 </a>
       用途
               同一个网页中;打开指定网页的指定位置(href="index.html#1",可以为绝对地址)

外部链接
       链接到外部网站
              <a href ="http://www.baidu.com" target="_blank">百度</a>
       链接到E-mail
              <a href ="mailto:jiben2qingshan@163.com" target="_blank">点击此处会打开默认的电子邮件软件</a>
       链接到FTP
              <a href ="ftp://ftp地址" target="_blank">点击此处可以链接到相应的FTP服务器(一般进入访问FTP服务器需要输入用户名和密码)</a>
       链接到Telnet
              <a href = "telnet://地址" target="_blank">点击此处就可以链接到相应的Telnet服务器</a>
   
       target属性
                取值:_blank,在新窗口中打开被链接文档;_self,默认,在相同的框架中打开被链接文档;_parent,在父框架中打开被链接文档;_top,在整个窗口中打开被链接文档;framename,在指定的框架中打开被链接文档

下载文件
       如果超链接指向的不是一个网页文件,而是其他文件例如zip文件等,单击链接的时候就会下载该文件
       <a href = "歌名.zip">歌曲名称</a>

注意
       地址一般写成相对地址,尽量不要写绝对地址;“../”表示当前目录的上一级目录,“../../”表示当前目录的上一级的上一级。
      
图片
       <img src="../1.jpg" alt="无图显示汉字" title="鼠标置顶显示汉字" border="10" vspace="10" hspace="10" width="300" height="300" align="right">
       img便签属性的解释
       src:图片的地址
       alt:当图片不显示时,出现在该位置(原显示图片)的文字
       title:鼠标移至到图片上后出现的文字
       border:图片的边宽,默认为0,边框的颜色黑色,如果是超链接,则和链接文字颜色一致
       vspace:垂直边距,图片在垂直方向上和自己最近的元素的距离
       hspace:水平边距,图片在水平方向上和自己最近的元素的距离
       width,height:如果没有写width和height属性的话,图片就会按照它的原始尺寸显示,有的话就会按它们值的大小显示
       align:图像和“文字”之间的布局
              bottom:图片的底部和当前行的文字底部对齐
              top:图片的底部和当前行的文字顶端对齐
              middle:图片的水平中线和当前行的文字中线对齐
              left:图片左对齐
              right:图片右对齐
              center:图片水平中线和当前行的文字中线对齐(自己试验center和middle的效果一样)

表格
       表格是网页排版布局不可缺少的一个工具。建立表格一般所用的标签:<table>、<caption>、<tr>、<th>和<td>。主要操作对象:表格,行,单元格,

       表格标签<table> </table>
              建立表格的整体性标签,其主要属性如下
              width,height:设置表格的宽和高,其值可以为数字,也可以为百分数(表格的长宽是相对浏览器的,会随着浏览器大小的改变而改变),如果其值很大的话,系统会自动按照数据量分配空白位置,如果其值很小的话,系统会以显示完整数据为主,该设置值便自动失效;未指定其属性值,则系统会自动计算表格中字段数据的宽度及高度,以能容纳数据的最小单位显示表格
              bgcolor,background:设置表格的背景颜色和背景图片。两个属性都是设置背景的,通常只设计其中之一,如果都设置的话,则会显示背景图片
              border,bordercolor:设置表格边框宽度和表格边框颜色。border默认为0,浏览器不显示任何边框(表格四周和单元格),border只能影响表格四周的边框尺寸,并不影响单元格边框的尺寸;bordercolor默认的颜色为黑色,表格边框(四周和单元格)的颜色都改变
              align:设置表格水平方向的对齐方式(left,center和right),只能对整个表格在浏览器页面范围内居中对齐,但是表格里单元格的对齐方式并不会因此而改变,如果要改变单元格的对齐方式,就需要在行、列或单元格内另行定义
              cellspacing,cellpadding:设置表格内部每个单元格之间的距离;设置单元格边框与单元格里内容之间的距离,默认情况下,单元格里的内容会紧贴着表格的边框
              举例(核心代码):<table width="50%" height="50%" bgcolor="red" background="2.jpg" border="5" bordercolor="red" align="center" cellspacing="20" cellpadding="20">
        
       表格标题标签<caption> </cation>
              标题定义包含在表格内,显示在表格的外部,标题会随着表格相应的移动
              举例:<caption>这个是表格的标题</cation>

       表格行标签<tr> </tr>
              操作对象为该行
              bgcolor:设置该行的背景颜色
              background:设置该行的背景图片
              align:行文字的水平对齐方式,left,center,right
              valign:行文字的垂直对齐方式,top,bottom,middle
              height:设置行的高度
   
       单元格标签<td> </td>
              操作对象是表格里的每一个单元格
              bgcolor:设置该单元格的背景颜色
              background:设置该单元个的背景图片
              align:单元格文字的水平对齐方式,left,center,right
              valign:单元格文字的垂直对齐方式,top,bottom,middle
              width:设置单元格的宽度,实际是设置该列的宽度,且只有第一个单元格的设置有效
              height:设置单元格的高度
              colspan:控制字段横向的合并数目,其值为合并右边的单元格的个数
              rowspan:控制字段纵向的合并数目,其值为合并下面的单元格的个数

1 个回复

倒序浏览
厉害厉害                                      
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马