0
点赞
收藏
分享

微信扫一扫

web安全shengtou之HTML基础

天行五煞 2022-07-18 阅读 40

HTML语言

逻辑格式

<标签名 属性1="" 属性2="" ...>内容</标签名>

标准格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   
</body>
</html>

HTML标签

1、标题标签  5级别
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>

2、无序标签
<ul></ul>

3、列表标签
<li></li>

4、交互标签(文本框)
<input></input>

5、按钮标签
<button></button>

6、有序标签
<ol></ol>

颜色属性
bgcolor=""

HTML网页简单实例

<!DOCTYPE html>
<html lang="en">
<head>
    <title>火车超市</title>
</head>
<body bgcolor="#E6E6FA">
    <h1>饮料区</h1>
    <ul>
        <li>可乐</li>
        <li>芬达</li>
        <li>雪碧</li>
        <li>大窑</li>
    </ul>
    <h1>零食区</h1>
    <ul>
        <li>薯片</li>
        <li>辣条</li>
        <li>奥利奥</li>
        <li>饼干</li>
    </ul>
    <h1>收银区</h1>
    <h2>购物车</h2>
    <ul>
        <li>芬达</li>
        <li>雪碧</li>
        <li>薯片</li>
        <li>辣条</li>
    </ul>
    <h2>收银员</h2>
    支付方式:<input></input>
    实际付款金额:<input></input>
    <button>提交</button>
    <h3>收银过程</h3>
    <ol>
        <li>验钞</li>
        <li>找零</li>
        <li>交易结束</li>
    </ol>
</body>
</html>

效果展示:

web安全shengtou之HTML基础_html

其中,

<html lang="en">是向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是"language”,"en"即表示english

如果是中文页面,可将其改为<html lang="zh">

这个主要是给搜索引擎看的,搜索引擎不会去判断该站点是中文站还是英文站,所以这句话就是让搜索引擎知道,你的站点是中文站,对html页面本身不会有影响

这些现在都是html规范

举报

相关推荐

【Web】HTML基础

Web基础:HTML

Web安全基础

web安全基础

Web前端基础—html

web安全基础学习

Web安全——PHP基础

0 条评论