java -web html5学习1

DQ_CODING

于 2021-09-13 14:10:09 发布

阅读量131

点赞数

分类专栏： java web前端文章标签： html5 java 行元素块元素

本文链接：https://blog.csdn.net/qq_45402917/article/details/120265890

版权

java web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

基础标签

<!--html5声明-->
<!DOCTYPE html>
<!--html标签-->
<html lang="en">
<!--文档头-->
<head>
<!--告知浏览器此页面属于什么字符编码格式,-->
    <meta charset="UTF-8">
<!-- 用于标识当前网页的标题；标题将会显示在浏览器的标题栏，历史记录，收藏夹，搜索引擎的结果-->
    <title>Title</title>
</head>
<!--文档主体-->
<body></body>
</html>

块元素与行元素

行内元素：一行
特点：就可以和其他元素在一行显示，不能自动换行，不能设置宽高
常见行内元素：a，span,i,u,em,sub,sup

块级元素：多行
特点：不可以和他的元素在一行，可以自动换行，可以设置宽高
常见的块级元素：div,p,h,ul,li,dl,dt,dd

标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。相当于一个透明的容器，用来分隔 ## 作业实践 ![在这里插入图片描述](https://img-blog.csdnimg.cn/008185982ed446438e4c6396b09a1a0f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBARFFfQ09ESU5H,size_20,color_FFFFFF,t_70,g_se,x_16) 代码： ```html Information

个人信息

修改个人信息(*为必填项)

    <tr>
        <td>*户口所在地</td>
        <td>
            <select name="career">
                <option value="沈阳">沈阳</option>
                <option value="四川">四川</option>
                <option value="上海">上海</option>
            </select>
        </td>
    </tr>

    <tr>
        <td>*现居住地城市</td>
        <td>
            <select name="city">
                <option value="沈阳">沈阳</option>
                <option value="四川">四川</option>
                <option value="上海">上海</option>
            </select>
        </td>
    </tr>


    <tr>
        <td>*联系方式</td>
        <td>
            <input name="ucontact" type="text">
            <a href="h1_information.html">修改</a>
        </td>
    </tr>
    <tr>
        <td>*电子邮箱</td>
        <td>
            <input name="uemail" type="text">
            <a href="h1_information.html">修改</a>
        </td>
    </tr>
    <tr>
        <td>婚姻状况</td>
        <td>
            <input name="umarry_no" type="radio">未婚
            <input name="umarry_ing" type="radio">已婚
            <input name="umarry_ed" type="radio">离异
        </td>
    </tr>

    <tr>
        <td>国籍</td>
        <td>
            <select name="nation">
                <option value="中国大陆">中国大陆</option>
                <option value="中国大陆">中国香港</option>
            </select>

        </td>
    </tr>

    <tr>
        <!--&nbsp空格-->
        <td>海外工作/学习经历&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td>
        <td><input name="abroad_yes" type="radio">有
            <input name="abroad_no" type="radio">无
        </td>
    </tr>

    <tr>
        <td>政治面貌</td>
        <td><input name="figure_party" type="radio">中国党员（预备党员）
            <input name="figure_union" type="radio">团员
            <input name="figure_crowd" type="radio">群众
            <input name="figure_democratic" type="radio">民主党派
            <input name="figure_null" type="radio">无党派人士
        </td>
    </tr>
</table>
<!--   blank在新窗口打开目标网址,_self表示在当前标签页中打开目标网页-->
<pre>                       <input name="save" type="submit" value="保存"
                                   style="background: blue;text-align: center;color: white;align-content: center"><a
        href="h1_information.html" target="_blank">返回</a>