HTML 各类标签

最新推荐文章于 2024-07-08 16:22:29 发布

baishi7107

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量91

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/liujianliang/articles/6917565.html

版权

一、前端页面：显示内容（HTML+CSS+JAVASCRIPT）后面过度到JSP

　　1、HTML 超文本标记语言

　　　　1.1、HTML 基本结构

<!DOCTYPE html>                    ---网页声明
<html>                              ---根控制标记
    <head>                          ---头控制标记
        <meta charset="utf-8">     ---为HTML文档提供元数据，只被浏览器解析
        <title></title>             ---标题标记
    </head>
    <body>  
                                      ---网页内容显示区
    </body>
</html>

　　　　1.2、HTML常用标签

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <!--标题 h1-h6 -->
        <h1>标题</h1>
        
        <!--段落-->
        <p>段落</p>
        
        <!--图片 图片标签比较特殊，可以直接写宽高属性-->
        <img src="img/topbanner.jpg" width="200" height="200" alt="这是图片"/>
        
        <!--列表-无序列表 unordered list 列表使用粗体圆点标记-->
        <ul>
            <li>苹果</li>
            <li>梨子</li>
        </ul>
        
        <!--列表-无序列表 ordered list 列表项目使用数字标记-->
        <ol>
            <li>苹果</li>
            <li>梨子</li>
        </ol>
        
        <!--自定义列表-->
        <dl>
            <dt>水果</dt>
            <dd>苹果、梨子、香蕉</dd>
            <dt>动物</dt>
            <dd>小狗、小猫、小鸡</dd>
        </dl>
        
        <!--嵌套列表-->
        <ul>
            <li>苹果</li>
            <li>梨子
                <ul>
                    <li>鸭梨</li>
                    <li>雪梨</li>
                </ul>
            </li>
        </ul>
        
        <!--超链接-->
        <!--_blank 在新窗口中打开被链接文档
            _self 默认。在相同的框架中打开被链接文档
            _parent 在父框架集中打开被链接文档
            _top 在整个窗口中打开被链接文档
            framename 在指定的框架中打开被链接文档-->
        <a href="www.baidu.com" target="_blank">百度</a>
        <a href="mailto:1273131623@qq.com?subject=生日快乐">发送邮联系</a>
    
        <!--表格-->
        <table border="1" cellspacing="" cellpadding="">
            <thead>
                <tr><th>Header</th></tr>    
            </thead>
            <tbody>
                <tr><td>Data</td></tr>    
            </tbody>            
            <tfoot>
                <tr><td>Data</td></tr>
            </tfoot>
        </table>
        
        <!--表单-->
        <form action="index.html" method="post">
            <input type="button" value="按键"/>
            <input type="text" name="用命名" value="默认值"/>
            <input type="password" name="密码"/>
            <!--type的属性值很多，查看网址http://www.runoob.com/tags/att-input-type.html-->
        </form>
        
        <!--HTML框架  HTML内不能有body-->
        <!--<html>
            <frameset rows="50%,50%">
              <frame src="/example/html/frame_a.html">
              <frameset cols="25%,75%">
                <frame src="/example/html/frame_b.html">
                <frame src="/example/html/frame_c.html">
            </frameset>
            </frameset>
        </html>-->

        <!--HTML 内联框架-->
        <!--设置宽度和高度-->
        <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
        <!--设置边框为0-->
        <iframe src="demo_iframe.htm" frameborder="0"></iframe>
        <!--1、使用 iframe 作为链接的目标
            2、iframe 可用作链接的目标（target）。
            3、链接的 target 属性必须引用 iframe 的 name 属性：-->
        <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
        <p><a href="http://www.baidu.com" target="iframe_a"> www.baidu.com</a></p>

    </body>
</html>

转载于:https://www.cnblogs.com/liujianliang/articles/6917565.html

baishi7107

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 各类标签

一、前端页面：显示内容（HTML+CSS+JAVASCRIPT）后面过度到JSP　　1、HTML 超文本标记语言　　　　1.1、HTML 基本结构<!DOCTYPE html> ---网页声明<html> ---根控制标记 ...
复制链接

扫一扫