学习HTML(1)

放肆的年华 提交于 2020-03-23 03:28:12

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>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!