• 常用标签的运用和表格的制作


       常用的标签分为<a></a>,<img/>,图片的超链接。
    1.<a></a>超链接需要一个超链接内容和明确的指向两个要素才能做出一个完整的超链接,在<a></a>中
    写超链接的内容
       功能有指向网页页面:a指向网页页面的的超链接属性<a href="http://www.baidu.com"></a>,在href的
    值=#代表只在自身的页面跳转,相当于刷新页面。
        b指向文件的功能:在指向文件的情况下有可能会出现需要下载的文件的情况。如果在浏览器中出现了
    打不开的文件,就会出现需要下载文件的现象,反之如果在浏览器中能打开的文件就不需要进行下载,
    可以直接打开。在浏览器中能够直接不用下载。
        c 做锚点 在网页中设定几个固定的位置,当点击的时候超链接会跳转到某个位置,锚点的做法:先
    设定锚点的位置<aname="自定义名称"></a>在做超链接跳转到锚点的位置<a href="#自定义的名
    称"></a>,
        在网页中如果遇到404的错误提示说明没有找到锚点的位置 一定要在名称前面加#
    <img/>又是一个单标签元素,在网页里显示图片使用,不能在里面加内容。属性<img src="图片的路
    径"width(代表图片的宽度="图片的大小号码" height(代表图片的高度="图片的大小号码"),
    列子<img src="..//imges/1101.jpg" width="200" height="200">
       alt是用来给图片附加文字的="表现图片的信息",图片加载错误或加载不出来就会提示用户原本需要
    显示的图片信息。
    title代表的图片标题="标题"不直接显示出来,把鼠标放在图片上过一会会显示出这个图片的标题,
    图片的超链接:在a标签中加入图片标签;例如<a href=" http://www.gdlove.com"><imges
    src="..//imges/1101.jpg" width="200" height="200"></a>

    下午学习了表格的标签;表格有三个基本标签组成分别是<table></table>表格的所有内容写在这里面
    <tr></Tr>表示行,在代码中出现几次代表几行表格。列的代码输入在行里面,列用<td></td>来表达,
    列和行一样出现几次<td>就表示出现几个单元格。
    制作表格的方法例:
    <boby>
    <tr>
    <td></td>
    <td></td>
    </tr>
    <boby>
    在制作表格的时候可以用像素和百分比来设定表格的大小,用百分比来设定的表格会随着浏览器边框
    的变化而变化,但用像素来来设定的表格不会随着浏览器边界的变化而变化,在设定表格的时候边框的
    粗细经常设定为1像素宽。
       单元格的边距:两个单元格之间的距离是单元格的边距,
       单元格的间距:是单元格当中的内容到单元格边框的距离;
       表格的属性:表格的宽度用width="宽度"来表示,边框的粗细border="粗细度";单元格的边距用
    callspacing="单元格的间距"来表示;单元格的间距callspacing="单元格的间距"来表示;
    快速设定列的宽度只需要选中行中的第一个列的单元格设定就可以,同一行中的列就会变成和选中的列
    的单元格一样的宽度;
       还有些关于边框的对齐方式alim(水平对齐方式="center(居中)")
       在网页中宽度的设定能用百分比的方式,但高度只能像素来设定,
       valign(垂直对齐方式)="bottom(下)" bgcolor="背景色"
        如果把多个列合为一个可以用colspan(合并列)="合并列的个数"
        如果想把多个行何为一个大的行可以用romspan(合并行)="合并行的个数"

    一个制作表格的事例:
    <body>
    <table width="1000">
    <tr>
    <td height="100"><table width="1000">
    <tr>
    <td width="189">&nbsp;</td>
    <td>sfsdfdf</td>
    <td>dsfdf</td>
    <td>dfsdfsd</td>
    <td>dfdsfsdf</td>
    <td>sfdsfsdfsd</td>
    <td>sfdsfsdf</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="300"><p>
    &nbsp;</p>
    <p><img src="../9de87217ad87acbb8ac9531ef5ba2a12.jpg" width="1000"
    height="200">&nbsp;</p></td>
    </tr>
    <tr>
    <td height="300">&nbsp;</td>
    </tr>
    <tr>
    <td height="200" bgcolor="#999933">&nbsp;</td>
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    pytorch之dataloader深入剖析
    Pytorch多GPU并行处理
    鸡汤:做灯泡的
    数据工程师
    软实力
    七拼八凑的读书感
    深入一点儿
    Session的生命周期
    cloudera项目源代码
    Storm实时计算系统
  • 原文地址:https://www.cnblogs.com/gdbaby/p/6011218.html
Copyright © 2020-2023  润新知