关于html语言的基础写法，标签，列表，属性，图像，超链接跟表格

1 HTML的基本写法：

1.1 <!DOCTYPE html>

<head>

<title>Document</title>

</head>

<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。(写法在1.1当中）
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题是通过<h1>-<h6>定义的，字体大小越来越小
<p> 元素定义一个段落
<b>为字体粗体
<i>为字体斜体
<s>为删除
<br>为换行
<sub>为下标
<sup>为上标
<div>

2 列表元素：有序列表 <ol> (结构为<li> </li>) 无序列表<ul>自定义列表<dl><dt><dd>(标签以dl开始，每个自定义列表项以dt dd开始)

3 <a href="url">链接文本</a>其中超链接里可以定义文字的name id width height等属性，id具有唯一性，一个页面中只能有一个！

4 表格标签是有table来定义的的，基本写法为t<able borde（边框）r="1‘’ cellpadding（文字与边框的距离）=“0'” cellspacing(单元格间距）=“0” align="位置" valign=“垂直” rowspan=“跨行合并” colspan=“跨列合并”>

<tr>

<td></td> 列　　</tr>想要几行就写几行几列

最完整的写法为<thead><tbody><tfoot>

5 html的图形属性是<iimg src="" alt="">

Form Exercise

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <table align="center">
        <tr>
            <td colspan="7">个人简介</td>
        </tr>
    </table>
    <table border="1" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td align="center"width="100"height="50">学院</td>
            <td colspan="5">青岛黄海学院</td>
            <td rowspan="5" width="100" height="50"><img src="web picture"></td>
        </tr>
        <tr>
           <td align="center" width="100" height="50">专业</td>
           <td colspan="5">电子商务</td> 
        </tr>
        <tr>
            <td align="center" width="100" height="50">姓名</td>
            <td width="1">冯翔宇</td>
            <td align="center">性别</td>
            <td width="1">男</td>
            <td align="center"width="100" height="50">民族</td>
            <td width="1">汉</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">出生年月</td>
            <td>19900304</td>
            <td align="center">籍贯</td>
            <td>山东省烟台市莱阳市</td>
            <td align="center">身高</td>
            <td>185cm</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">学历</td>
            <td>大专</td>
            <td align="center">政治面貌</td>
            <td colspan="3">团员</td> 
        </tr>
        <tr>
            <td align="center" width="100" height="50">就业意向</td>
            <td colspan="6">能带来晋升空间的企业，多学习</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">兴趣爱好</td>
            <td colspan="6">电子科技产品</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">个人说明</td>
            <td colspan="6">本人性格开放，爱交际</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">家庭住址</td>
            <td colspan="6">山东省淄博市张店区</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">住宿住址</td>
            <td colspan="2">山东省淄博市张店区</td>
            <td align="center" width="100" height="50">联系电话</td>
            <td>nothing</td>
            <td align="center"width="100" height="50">手机</td>
            <td>17664013662</td>
        </tr>
        <tr>
                <td align="center" width="100" height="50">任职情况</td>
                <td colspan="6">待业</td>
        </tr>            
        <tr>
                <td align="center"width="100" height="300">个<br>人<br>简<br>历</td>
                <td colspan="6" align="center">四川长虹股份有限公司济南销售公司担任业务经理，主要负责商场活动的策划<br>创业三年，主要负责阿里巴巴国际站的建立，运营，促单，速卖通的创建，个人原因辞职
                </td>
        </tr>
    </table>   
</body>
</html>

关于html语言的基础写法，标签，列表，属性，图像，超链接跟表格

猜你喜欢