HTML总结（一）

最新推荐文章于 2022-06-26 16:26:24 发布

Viola_tt

最新推荐文章于 2022-06-26 16:26:24 发布

阅读量758

点赞数

分类专栏： ✿ 项目开发 ——【Html】文章标签： html 元素

本文链接：https://blog.csdn.net/sweetyoyy/article/details/68098194

版权

✿ 项目开发同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

——【Html】

2 篇文章 0 订阅

订阅专栏

一、feeling

慢慢的体会到学习是不断的过程，经过牛腩中对html的接触，自己这次学习html的时候亲切中又学习了新的知识，真的是体会到了i+1。

二、总结

简单的了解了一下，画了一个思维导图：
这里写图片描述
下面是对导图中的表做一个补充：

1 列表

1.1数字顺序

<ol start=10>
    <li>语文
    <li value=15>数学
    <li>英语
    <li>自考  
</ol>

1.2 字母

<ol type="I">
    <li>语文
    <li value=15>数学
    <li>英语
    <li>自考          
</ol>

<ol start=10>
    <li>语文
    <li value=15>数学
    <li>英语
    <li>自考  
</ol>

1.3展示
下面是上面列表的一个运行效果：

2 表格

表格中常用的元素是： 1.table–表 2.tr–行 3.th –表头 4.td–单元格 5.caption–表名：

<html>
    <head><title>这是表格的例子</title></head>
    <body>
        <table border="1" align="center" bgcolor="pink">
            <caption> 2014期末考试成单</caption><!--标题--> 
                <tr align ="center" valign="middle">
                    <th> 姓名</th>  <!--表头-->
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>

                </tr>

                <tr align ="center" valign="middle">
                    <td> 张三</td> <!--单元格-->
                    <td>60</td>
                    <td>90</td>
                    <td>95</td>

                </tr>

                <tr align ="center" valign="middle">
                    <td> 张三</td> 
                    <td>60</td>
                    <td>90</td>
                    <td>95</td>



                <tr align ="center" valign="middle">
                    <td> 张三</td>
                    <td>60</td>
                    <td>90</td>
                    <td>95</td>



                <tr align ="center" valign="middle">
                    <td> 张三</td>
                    <td>60</td>
                    <td>90</td>
                    <td>95</td>

        </table>
    </body>
</html>

以下是运行后的情况：

3 表单

表单常见的形式是一个提示框，一个填写信息的部分，他的类型有文本框类型（text）,单选框（radio），复选框（CheckBox），列表框（selcet –option）,多行文本框（textarea）这里是一个表单的例子：

<form method="get" action="reg.jsp"> <!--脚本是jsp-->
            用户名：<input type="text" name="user" value="游客" size="30"><br><!--单行文本输入控件-->
            密码：<input type="password" name="pwd"  ><br>
            性别：<input type="radio" name ="sex" value="1" >男  
            <input type="radio" name ="sex" value="0" checked>女 <br><!--checked 默认谁被选中，注意这里了控件的名字是一样的-->
            兴趣爱好：
            <input type="checkbox" name ="interest" value="football"> 足球 <!--这是复选框的按钮-->
            <input type="checkbox" name ="interest" value="volleyball"> 排球
            <input type="checkbox" name ="interest" value="basketball"> 篮球
            <input type="checkbox" name ="interest" value="swim"> 游泳<br>
            最高学历：
            <select size="1" name="education"><!--这是列表框的按钮-->
                <option value="" selected>...</option>  <!-- 缺省，给初始值 -->
                <option value="高中" >高中</option> 
                <option value="大学" >大学</option> 
                <option value="硕士" >硕士</option> 
                <option value="博士" >博士</option> 
            </select><br>

            个人简介：<textarea name="personal" rows="5" cols="50">i am viola</textarea><br>

            <input type="hidden" name ="id" value="001"> <!--隐藏控件，将程序员需要的有用信息传回-->
            <input type="reset" value="重写">
            <input type="submit" value="注册">

        </form>