web基础学习笔记(二)之表格与表单

最新推荐文章于 2024-07-08 16:01:05 发布

weixin_44014196

最新推荐文章于 2024-07-08 16:01:05 发布

阅读量128

点赞数

分类专栏： web学习文章标签： html

本文链接：https://blog.csdn.net/weixin_44014196/article/details/108408471

版权

web学习专栏收录该内容

21 篇文章 0 订阅

订阅专栏

学习web的第二天

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>web002</title>
</head>
<body>
    <!--table是表格-->
    <table border="1" cellpadding="2">         <!--boder是边框  cellpadding是内部离边框的距离-->
        <tr>
            <td colspan="2">1.1</td>         <!--colspan是向左合并两个-->
            <td>1.2</td>
            <td>1.3</td>
            <td>1.4</td>                            <!--多的格子可以删掉更美观-->
        </tr>
        <tr>                                   <!--rowspan是向下合并两个-->
            <td rowspan="2">2.1</td>
            <td>2.2</td>
            <td>2.3</td>
            <td>2.4</td>
        </tr>
        <tr>
            <td>3.1</td>
            <td>3.2</td>
            <td>3.3</td>
            <td>3.4</td>
        </tr>
        <tr>
            <td>4.1</td>
            <td>4.2</td>
            <td>4.3</td>
            <td>4.4</td>
        </tr>

    </table>


        <!--iframe可以在网页上开辟一个小区域显示一个单独的页面-->
        <iframe src="timg.jpg"  width="100" height="100"></iframe>



    <!--form是表单-->
    <form action="">
        用户名称: <input type="text" value="请输入名字"/> <br/>    <!--input type=text 是文件输入框-->
        用户密码: <input type="password"  size="38"/> <br/>   <!--input type=password 是密码输入框-->
        确认密码: <input type="password"  size="38"/> <br/>
        性别:<input type="radio" name="sex" checked="checked"/>男  <input type="radio" name="sex" />女 <br/>    <!--radio是单选框  checked是默认  name是分组属于同一个组就只能选一个-->
        兴趣爱好:<input type="checkbox"/>Java<input type="checkbox"/>C++<input type="checkbox"/>C    <br/>    <!--checkbox是复选框  也可以选择默认值-->
        国籍:<select>
                <option>请输入国籍</option>     <!--select是下拉列表-->
                <option>中国</option>
                <option>日本</option>
             </select> <br/>
        自我评价:<textarea rows="10" cols="20">我才是默认值</textarea> <br/>   <!--多文本输入框  row属性设置可以显示几行的高度   cols设置每行可以显示几个字符宽度-->
        <input type="reset" value="重置"/>  <!--value改变按钮上的默认值-->
        <input type="submit" value="提交"/>
        <input type="button" value="按钮"/>
        <input type="file" value="文件上传"/>
        <input type="hidden"/>   <!--当我们要发送某些信息，而这些信息不需要用户参与，就可以使用隐藏域(提交的时候同时发送给服务区)-->
    </form>
	<div>div标签1</div>   <!--div标签默认占一行-->
    <div>div标签2</div>
    <span>span标签1</span>   <!--span占字符长度-->
    <span>span标签2</span>
    <p>p段落标签1</p>      <!--默认在段落的上方各空出一行来-->
    <p>p段落标签2</p>
</body>
</html>``

weixin_44014196

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web基础学习笔记(二)之表格与表单

学习web的第二天<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="e
复制链接

扫一扫