首页前端开发HTMLhtml代码多个指令演示

html代码多个指令演示

时间2023-11-16 22:37:03发布访客分类HTML浏览760
导读:HTML代码中有许多指令可以用来添加不同的功能和效果。以下是一些常见的指令演示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

HTML代码中有许多指令可以用来添加不同的功能和效果。以下是一些常见的指令演示:

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8">
        title>
    HTML指令演示/title>
    /head>
    body>
        h1>
    标题一/h1>
        h2>
    标题二/h2>
        p>
    这是一段普通的文本。/p>
        a href="https://www.baidu.com">
    百度一下/a>
        ul>
            li>
    列表项一/li>
            li>
    列表项二/li>
            li>
    列表项三/li>
        /ul>
        img src="picture.jpg" alt="图片">
        table>
            tr>
                th>
    表头一/th>
                th>
    表头二/th>
            /tr>
            tr>
                td>
    表格数据1-1/td>
                td>
    表格数据1-2/td>
            /tr>
            tr>
                td>
    表格数据2-1/td>
                td>
    表格数据2-2/td>
            /tr>
        /table>
    /body>
    /html>
    

其中,!DOCTYPE html> 是指定文档类型的声明,html> 标签表示文档的开始,head> 标签中的内容表示文档头部信息,body> 表示文档的主体内容。

h1> 和h2> 标签分别表示一级标题和二级标题,p> 标签用来添加段落,a> 标签可以创建链接,链接的地址在href属性中指定。

ul> 和li> 可以创建无序列表,img> 标签可以添加图片,图片的地址在src属性中指定,alt属性用来描述图片内容。

table> 和tr> 可以创建表格,th> 用来表示表头,td> 用来添加表格数据。可以使用 属性来控制表格的样式。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码多个指令演示
本文地址: https://pptw.com/jishu/542324.html
css 如何玩设置div阴影 css平行四边字体无法居中

游客 回复需填写必要信息