• 1、网页制作Dreamweaver(界面、基本操作、锚点、表格)


    界面

    网页的界面html由两部分组成:<head>和<body>,<title>放在<head>中

    1、以下是<head>部分的解释:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">……国际标准,可删除
    
    <html xmlns="http://www.w3.org/1999/xhtml">……网页标记,html之后的字可删除,网页的开始
    
    <head>……头部:网页的编码方式,样式设定,头部标题
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>标题</title>
    
    </head>……头部结束

    2、以下是<body>部分:

    <body>
      网页的内容
    </body>
    </html>……网页的结尾

    <body>又可以插入<font><p><lable><div>等多种元素

    操作

    路径:../../代表往上翻两个文件夹

    标签的每个属性间用空格隔开,等号后加双引号

    body里面的属性:

    1、background/bgcolor 背景色

    2、text 文本颜色

    3、topmargin/rightmargin/leftmargin/bottommargin 间隔(单位:像素)

    4、hidden把网页的内容隐藏

    5、</br>相当于回车键

    6、face 字体

    7、<b></b>  <i></i>  <u></u>  <strong></strong>  <center></center>(居中)<namespace></namespace>&nbsp(代表一个空格)

    8、标题<h1></h1>~<h6></h6>大小不同

    9、段落<p></p>

    10、有序列表(显示1、2、3、。。。)        

    <ol start="50"><!--从50这个序号开始-->
      <li>咖啡</li>
      <li>牛奶</li>
      <li></li>
    </ol>
    1. 咖啡
    2. 牛奶

    12、无序列表(每列前显示一个黑点)   

    <h4>一个无序列表:</h4>
    <ul>
      <li>咖啡</li>
      <li></li>
      <li>牛奶</li>
    </ul>

    一个无序列表:

    • 咖啡
    • 牛奶

    13、<a>标签中taget的属性:

         _parent在父页面打开

             _blank在新页面打开

             _self在自身页面打开

             _top在当前页面打开

    14、锚点:

    <a href=”#锚点名(自定义,用于寻找锚点要到的位置)”>锚点标题</a><a name=”锚点名(与锚点一致)”>锚点所要到达的位置</a>

    15、图片:

    <img scr=”” width=”” height=”” name=”起名字(方便寻找)” title="(seo优化)"> 

    表格

    tr:行    

    td:单元格  

    th:表头(会自动规定格式,一般不用)

    <table width="200" border="1" cellspacing="10" cellpadding="10">
              <tr>
                 <td>这是一个两行三列的表格</td>
                 <td>&nbsp;</td>
                 <td>&nbsp;</td>
              </tr>
              <tr>
                 <td>&nbsp;</td>
                 <td>&nbsp;</td>
              </tr>
    </table>

    bordercolor:边框颜色

    bordercolor dark:外框颜色

    bordercolorlight:内框颜色

    align的规则:

    • table后的 align是整个表格的对齐方式
    • tr后的align是一行内容的对齐方式
    • td后的align是一个单元格的对齐方式

    (valign同上)

    td中style可以控制其他各种样式(样式表中再做详述)

    ·<td colspan="2">&nbsp;</td> 跨了两列的单元格

    ·<td rowspan="2">&nbsp;</td> 跨了两行的单元格(以最上面的一行为准)

     

  • 相关阅读:
    牛客网-《剑指offer》-包含min函数的栈
    牛客网-《剑指offer》-调整数组顺序使奇数位于偶数前面
    Gate Decorator: Global Filter Pruning Method for Accelerating Deep Convolutional Neural Networks
    pytorch数据预处理错误
    python2 pickle.dump生成的文件,python3 pickle.load怎么加载
    CSAGAN的几大重点
    BicycleGAN: Toward Multimodal Image-to-Image Translation
    StarGAN: Unified Generative Adversarial Networks for Multi-Domain Image-to-Image Translation
    MUNIT:Multimodal Unsupervised Image-to-Image Translation
    SAGAN:Self-Attention Generative Adversarial Networks
  • 原文地址:https://www.cnblogs.com/wleaves/p/4166330.html
Copyright © 2020-2023  润新知