zoukankan      html  css  js  c++  java
  • 学习HTML(1)

    HTML:

    【1】boby的属性:

            bgclor:页面背景色;text 文字颜色;topmargiog 上页边距;leftmargion 左页边距;rightmargion 右页边距;bottomargion 下页边距;background 背景壁纸

    【2】格式控制标签:

           <fount color="" face="" size=""></fount>

           控制字体:color="":颜色;face="":字体;size="":字体大小;

            <b></b>:字体加粗;<i></i>:字体倾斜;<u></u>:下划线;<strong></strong>:字体加粗(强调,语气加强用);

           <center></center>:居中;<br></br>:相当于回车;&nbsp:表示空格(ctrl+shift+space)

    【3】内容容器标签

            <h1></h1>........<h6></h6>:标题(会自动换行)。{HTML标题(heading)是通过<h1>--<h6>等标签进行定义的。}

            <p><p/>:段落标签(段落之间空行);<div></div>:层标签(默认占一行);<span></span>:层标签(默认有多大空间占多大空间);

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

            <li>内容</li>

            <li>内容</li>

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

            “../”:表示上级目录;“./”:表示当前目录

             相对路径:从当前页面开始寻找。绝对路径:从网站的根开始查找。“/”,代表网站的根。

            HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    【4】超链接标签:

                    <a href=“超链接地址”  target(网页打开方式)=“blank”>超链接的文字</a>{blank 是在新窗口打开}

                    锚点:1、做锚点的标签。<a name=" "></a>

                            2、做锚点连接。<a herf="目标连接的name值"></a>          

            图片标签:{图标标签是单独出现的}

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

                                                                                                alt在图片无法加载时显示文字,还可帮助搜索引擎搜索)

    【5】表格:

              <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:单元格的内容垂直对齐方式。    

                      height:单元格高。 width:单元格宽度。bgcolor:背景色。background:背景图片。

                                              


    网页版个人简历代码: 

    个人简历

    姓名   性别   年龄  
    民族   籍贯   博客  
    健康状况   毕业院校   专业  
    教育
    经历
     
    主修
    课程
     
    获得
    证书
     
    工作
    经历
     
    自我
    评价
     
    <body >
    <font color="#FF0000">
    <h1 align="center">个人简历</h1>
    <table border="1" width="700" height="700" align="center" cellpadding="0" cellspacing="0">
    <tr align="center" height="40">
       <td width="100">姓名</td>
       <td width="100"> </td>
       <td width="100">性别</td>
       <td width="100"> </td>
       <td width="100">年龄</td>
       <td width="100"> </td>
       <td  rowspan="3" width="100" valign="middle" ><img src="u=1007949980,1369995956&fm=23&gp=0.jpg" width="100" height="120"/></td>
    </tr>
    <tr align="center" height="40">
       <td width="100">民族</td>
       <td width="100"> </td>
       <td width="100">籍贯</td>
       <td width="100"> </td>
       <td width="100"><a href="http://www.cnblogs.com/jakeasd/">博客</a></td>
       <td width="100"> </td>  
    </tr>
    <tr align="center" height="40">
       <td width="100">健康状况</td>
       <td width="100"></td>
       <td width="100">毕业院校</td>
       <td width="100"></td>
       <td width="100">专业</td>
       <td width="100"></td>   
    </tr>
    <tr height="80" align="center" >
       <td width="100">教育<br />经历</td>
       <td width="100"colspan="6"></td>   
    </tr>
    <tr height="80" align="center">
       <td width="100">主修<br />课程</td>
       <td width="100"colspan="6"></td>
    </tr>
    <tr height="80" align="center">
       <td width="100">获得<br />证书<br /></td>
       <td width="100"colspan="6"></td>
    </tr>
    <tr height="80" align="center">
       <td width="100">工作<br/>经历</td>
       <td width="100"colspan="6"></td>
    <tr height="140" align="center">
       <td width="100">自我<br />评价</td>
       <td width="100"colspan="6"></td>
    </tr>
    </table>
    </font>
    </body>
    
  • 相关阅读:
    python之ConfigParser模块
    python之os模块
    python之cx_oracle模块
    python之zipfile模块
    python之sys模块
    python相关模块链接
    Server.UrlPathEncode和Server.UrlEncode的区别
    设置或者得到CheckBoxList选中了的值
    一些数据格式化-Eval( " ")和DataBinder.Eval(Container.DataItem, " ")的区别及用法
    ADO中数据库连接字符串的几种写法
  • 原文地址:https://www.cnblogs.com/jakeasd/p/5359319.html
Copyright © 2011-2022 走看看