快速回顾-HTML5

HTML5-常用的标签:https://blog.csdn.net/TKOP_/article/details/111395865


DOCTYPE html>



<html lang="zh-CN">

<head>
    
    <meta charset="UTF-8"> 
    <meta name="description" content="Web教程"> 
    <meta name="keywords" content="HTML, CSS, JavaScript"> 
    <meta name="author" content="Ander"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="refresh" content="30"> 

    
    <base href="https://www.w3school.com.cn/" target="_blank">

    
    <title> 快速复习HTML5 title>

    
    <link rel="stylesheet" href="./test.css">

    
    <style>
        .inline-block {
            display: inline-block;
        }

        .font-red {
            color: red;
        }

        #abc {
            color: blue;
        }
    style>


head>

<body>
    
    <h1 id="abc">标题1h1>
    <h2>标题2h2>
    <h6>标题6h6>

    
    <p class="inline-block font-red">这是一个段文本p>

    
    <br />

    
    <p style="
        width: 300px;
        height: 60px;
        background-color: black;
        color: red;
     ">样式示例p>

    
    <a href="https://www.baidu.com">这是超链接a>

    
    <img src="./img-0" alt="A dog">

    
    <table border="1">
        <tr>
            <th>表头1th>
            <th>表头2th>
            <th>表头3th>
        tr>
        <tr>
            <td>1td>
            <td>2td>
            <td>3td>
        tr>
        <tr>
            <td>4td>
            <td>5td>
            <td>6td>
        tr>
    table>

    
    <ul>
        <li>xxxli>
        <li>xxxli>
        <li>xxxli>
    ul>

    
    <ol>
        <li>xxxli>
        <li>xxxli>
        <li>xxxli>
    ol>

    
    <dl>
        <dt>咖啡dt>
        <dd>黑咖啡dd>
        <dd>冰糖咖啡dd>
        <dd>岷山咖啡dd>
        <dd>血色咖啡dd>

        <dt>西瓜dt>
        <dd>冰镇西瓜dd>
        <dd>蓝莓西瓜dd>
    dl>

    
    <div style="background-color: pink;">我是常用的块级元素div>
    <span style="background-color: green;">我是常用的内联元素span>

    
    <iframe src="https://www.w3school.com.cn/" frameborder="0" width="960px" height="600px">This is a website of
        W3schooliframe>


    <script src="./test.js">script>
    <script>
        document.querySelector('a').style.textDecoration = 'none'
    script>
body>

html>

你可能感兴趣的:(#,HTML,html5)