html阶段总结

最新推荐文章于 2022-07-01 12:26:16 发布

weixin_30515513

最新推荐文章于 2022-07-01 12:26:16 发布

阅读量62

点赞数

原文链接：http://www.cnblogs.com/yxm440/p/7663483.html

版权

1、简述src和href的区别?

2、在html页面的head中定义属性<meta http-equiv="X-UA-Compatible" content="IE=edge">，这个属性代表的含义是？

3、行内元素有哪些？块级元素有哪些？

4、标签上title和alt属性的区别是什么？

5、在html中设置背景颜色为红色

6、单击左侧内容，在页面右侧出现相关的查询结果例如上面内容，单击部门查询出现部门查询结果（框架结构。厂字型）

7、实现下图效果

答：

1、href和src的区别：

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接

src是source的缩写，指向外部资源的位置，指向的内容将会嵌套到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内

2、保证以浏览器新版本来解释当前文本

3、块级元素：address/center/div/dl/h#/hr/ol/ul/p/table

行内元素：a/strong/br/em/img/input/select/span/sup/textarea/lable

4、title 指向连接显示的文字鼠标划过时显示的信息

alt 图片加载失败时显示的文字
5、bgcolor="red"

6、

框架

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>框架</title>
 6 </head>
 7 <frameset rows="30%,*">
 8     <frame src="h.html" name="q">
 9     <frameset cols="30%,*">
10         <frame src="b.html" name="w">
11         <frame src="c.html" name="e">
12     </frameset>
13 </frameset>
14 </html>

top部分

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <h1 align="center">欢迎来到管理系统</h1>
 9 </body>
10 </html>

左侧页面

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     You are GOOD！
 9 </body>
10 </html>

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <a href="aa.html" title="" target="e">部门查询</a><br>
 9     <a href="aa.html" title="" target="e">考勤查询</a><br>
10     <a href="aa.html" title="" target="e">工资查询</a><br>
11     <a href="aa.html" title="" target="e">员工查询</a>
12 </body>
13 </html>

右侧页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    部门查询结果
</body>
</html>

7、

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css" media="screen">
        .a{
        
        }
    </style>
</head>
<body>
    <table border="1" cellspacing="0" width="666" 
           align="center">
        <tr height="30">
            <td class="a" colspan="2">
                <h1 align="center">学生用户注册          

                      </h1><br><h3 align="right"><a href="">            

                    返回</a>&nbsp;&nbsp;&nbsp;
            </h3>
            </td>
        </tr>
        <tr>
            <td align="right">学号:*</td>
            <td align="left"><input name="xuehao"           

                type="text" value=""></td>
        </tr>
        <tr>
            <td align="right">姓名:*</td>
            <td align="left"><input name="name" 
                           type="text" 

                          value=""></td>
        </tr>
        <tr>
            <td align="right">性别:*</td>
            <td align="left">
            <select name="sex">
                <option value="">未指定
                <option value="">
            </select>
            </td>
        </tr>
                <tr>
            <td align="right">email邮件:*</td>
            <td align="left"><input name="email"            

               type="text" value=""></td>
        </tr>
        <tr>
            <td align="right">密码:*</td>
            <td align="left"><input name="mima"             

              type="password" value=""></td>
        </tr>
        <tr>
            <td align="right">确认密码:*</td>
            <td align="left"><input name="qrmima"           

                type="password" value=""></td>
        </tr>
        <tr>
            <td align="right">学院:</td>
            <td align="left">
                <select name="school" size="">
                    <option value="">软件学校
                </select>
            </td>
        </tr>
        <tr>
            <td align="right">出生日期:*</td>
            <td align="left"><input name="name" 
                          type="text" 
                          value=""></td>
        </tr>
        <tr>
            <td align="right">专业:</td>
            <td align="left">
            <select name="profession" size="4">
                <option value="rj">软件工程
                <option value="sz">数字媒体
                <option value="xx">信息安全
                <option value="sf">数字仿真
                <option value="">
                <option value="">
            </select>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top">入学年月:</td>
            <td align="left" >
            <select name="year">
                <option value="2010">2010年
                <option value="2011">2011年
            </select><br>
            <select name="month">
                <option value="january">01月
                <option value="february">02月
            </select>
            </td>
        </tr>
        <tr>
            <td align="right"><input name="submit"          

                 type="submit"
            value="提交"></td>
            <td align="center"><input name="reset"          

                 type="reset" value="重置"></td>
        </tr>
    </table>
</body>
</html>

转载于:https://www.cnblogs.com/yxm440/p/7663483.html

weixin_30515513

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html阶段总结

1、简述src和href的区别?2、在html页面的head中定义属性<meta http-equiv="X-UA-Compatible" content="IE=edge">，这个属性代表的含义是？3、行内元素有哪些？块级元素有哪些？4、标签上title和alt属性的区别是什么？5、在html中设置背景颜色为红色6、单击左侧内容，在页面右侧出现相关的查询结果例如上...
复制链接

扫一扫