2017/09/11(2)

body

   bgcolor               页面背景色

   background             背景壁纸、图片

   text                           文字颜色

   topmargin                 上边距

   leftmargin                  左边距

   rightmargin           右边距

   bottommargin            下边

   background     背景壁纸

     <!--注释内容-->

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

       格式控制标签

   <font color="" face="" size=""></font> 控制字体;color="##";face,字体;size,字体大小。

        <b></b> 字体加粗

        <i></i> 倾斜

        <u></u> 下划线

        <strong></strong> 字体加粗(强调,语气加强用)

      <em></em> 字体倾斜(强调,语气加强用)

      <center></center> 居中

      <br> 或<br />   换行   相当于回车

   &nbsp; 表示空格 也可以在设计页面中按ctrl+shift+space

------------------------------------------------------------------------------------------------------------------------------------------------------------

   内容标签 

  <h1></h1>/6    标题

    <p></p> 段落标签

    <div></div> 层标签

    <span></span> 层标签

 

    <ol type="1">    --有序列表,序号为1,2,3……,引号中可以更改序号形式

        <li>内容</li>

        <li>内容</li>

    </ol>    --上面“ol”改为“ul”则为无序列表

 

“../”    表示上级目录

“./”     表示当前目录

相对路径:从当前页面开始查找。

绝对路径:从网站的根开始查找。  “/”,代表网站的根。 

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    <a href="超链接地址" target=“_blank”>超链接的文字</a>     _blank  和  _self是在新窗口打开。

    第一步:做锚点的标签。<a name=""></a>

 第二步:做锚点链接。<a href="目标链接的name的值"></a>

    下载:<a href="文件名">下载</a>

---------------------------------------------------------------------------------------------------------------------------

    <img src="图片地址" alt="文字" width="" height="" />     --高跟宽设置一个即可,显示图片会按比例缩放。

 alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。  title="文字"鼠标放上去显示文字

----------------------------------------------------------------------------------------------------------------------------------------------------------

     <table></table> 表格

        width:宽度。可以用像素或百分比表示。常用960像素。

        border:边框。常用值0。

        cellpadding:内容跟单元格边框的边距。常用值0。

        cellspacing:单元格之间的间距。常用值0。

        align:对齐方式。

        bgcolor:背景色。

   background:背景图片

 

     <tr></tr> 行

        align:一行的内容的水平对齐方式

        valign:一行的内容的垂直对齐方式

        height:行高

        bgcolor:背景色

   background:背景图片

  

   <td></td> 单元格

        <th></th> 表头,单元格的内容自动居中、加粗

        align:单元格的内容的对齐方式

        valign:单元格的内容的垂直对齐方式

        width:单元格宽度

        height:单元格高度

        bgcolor:背景色

   background:背景图片

        colspan="n"    合并同一行单元格(后面写代码要减去相对应的列) 

        rowspan="n"    合并同一列单元格(从第二行开始减去对应的列)

----------------------------------------------------------------------------------------------------------------------------------------------

表单 

    属性-提交地址=action;

      -提交方式=method  --------- get/post(第一种不安全)

    项目-<input/>--

          type-------文本=placeholder=提示语

                =maxlength=最大可输入长度

              密码=password

              单选=<label></label>

                =checked="checked"=默认选择项

              多选=checked="checked"=默认选择项

              文件选项=

              隐藏=hidden

              提交=submit

              重置=reset

              按钮=button

              图片按钮=相当于提交

          name=键

          value=值

       下拉菜单=<select></select>=selected="selected"=默认选项

                    =selected="selected"

                    =size="7"=尺寸

                    =multiple="multiple"=多选

 

 

     

 

posted @ 2017-09-11 22:40  书中有纸不知何言  阅读(89)  评论(0)    收藏  举报