前端—HTML中常见标签的使用

HTML

1.常见标签


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习title>
    <link rel="stylesheet" href="../css/pra.css">
head>
<body>


    <p>我的猫咪起<strong>strong>p>

    <em>漂亮了em>


    em>第一em><em>第二em><em>第三em>

    <p>第四p><p>第五p><p>第六p>



    <img src="">






    <input type="text" disabled>

    <input type="text">


    <h1>经典回忆h1>
    <p>
        相思无用,惟别而已。别期若有定,千般煎熬又何如?莫道黯然销魂,何处<strong>柳暗花明strong><br>
        ——《神雕侠侣》
    p>
    <img src="../image/q.jpg">

<h1>静夜思h1>
<p>床前明月光 疑是地上霜p>
<p>举头望明月 低头思故乡p>


<h1>这是一个顶级标题h1>
<span style="font-size: 32px; margin: 21px 0;">这是顶级标题吗?span>


<ul>
    <li>列表项1li>
    <li>列表项2li>
ul>
<ol>
    <li>列表项1li>
    <li>列表项2li>
ol>
<ol>
    <li>先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀,调成“腌料”,鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀,腌渍半小时。li>
    <li>用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀,调成“综合调味料”。li>
    <li>鸡丁腌好以后,色拉油下锅烧热,先将鸡丁倒入锅内,用大火快炸半分钟,炸到变色之后,捞出来沥干油汁备用。li>
    <li>在锅里留下约两大匙油,烧热后将切好的干辣椒下锅,用小火炒香后,再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅,用大火快炒片刻后,再倒入“综合调味料”继续快炒。
        <ul>
            <li>如果你采用正宗川菜做法,最后只需加入花生米,炒拌几下就可以起锅了。li>
            <li>如果你在北方,可加入黄瓜丁、胡萝卜丁和花生米,翻炒后起锅。li>
        ul>
    li>
ol>
<dl>
    <dt>培根dt>
    <dd>整个世界的粘合剂。dd>
    <dt>鸡蛋dt>
    <dd>一块蛋糕的粘合剂。dd>
    <dt>咖啡dt>
    <dd>一种浅棕色的饮料。dd>
    <dd>可以在清晨带来活力。dd>
dl>


<i>咖啡i>
<b>切面包b>
<u>奶茶u>


<p><a href="https://www.qq.com/">腾讯a>p>







<time datetime="2016-01-20">20 January 2016time>


<header>
    <h1>Cute Puppies Express!h1>
header>
<main>
    <p>I love beagles <em>soem> much! Like, really, a lot. They’re adorable and their ears are so, so snuggly soft!p>
main>

<nav>
    <ol>
        <li>主页li>
        <li>注册页面li>
        <li>登录页面li>
    ol>
nav>


    <p>主要内容p>
    <aside>
        <p>The Rough-skinned Newt defends itself with a deadly neurotoxin.p>
    aside>

<article>
    <h1>How to be a wizardh1>
    <ol>
        <li>Grow a long, majestic beard.li>
        <li>Wear a tall, pointed hat.li>
        <li>Have I mentioned the beard?li>
    ol>
    <footer>
        <p>© 2018 Gandalfp>
    footer>
article>

<main> 
    <article>
        
    article>

    <aside> 
        <h2>相关链接h2>
        <ul>
            <li><a href="#">这是一个超链接a>li>
            
        ul>
    aside>
main>

<footer> 
    <p>© 2050 某某保留所有权利p>
footer>


<div class="shopping-cart">
    <h2>购物车h2>
    <ul>
        <li>
            <p><a href=""><strong>银耳环strong>a>:$99.95.p>
        li>
        <li>
            ...
        li>
    ul>
    <p>售价:$237.89p>
div>


<em>好好学习em><em>天天向上em>
<em>好好学习em><br><em>天天向上em>
<em>好好学习em><hr><em>天天向上em>
body>
html>

2.运行结果

  • 访问地址是按照自己放的目录来定的
    前端—HTML中常见标签的使用_第1张图片
    前端—HTML中常见标签的使用_第2张图片
    前端—HTML中常见标签的使用_第3张图片
    前端—HTML中常见标签的使用_第4张图片

你可能感兴趣的:(前端HTML,html5,html)