HTML之实体和标签

HTML之实体和标签

  • 实体
  • 标签
    • meta标签
    • 语义化标签
    • 列表
    • 超链接

实体

如果我们需要在网页中书写一些特殊符号,则需要在html中使用【实体】(转义符)
实体语法:
&实体的名字;

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实体title>
head>
<body>
    
    <p>今天 天气真不错!!p>  
    <p>
        a < b > c 
        <br/>
        a>b<c
    p>
body>
html>

标签

meta标签

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <meta name="keywords" content="HTML,前端,CSS3">
    <meta name="description" content="这是一个非常棒的网站!">
    
    
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
    <title>meta标签title>
head>
<body>
body>
html>

语义化标签

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <title>Documenttitle>
head>
<body>
    
    
    <hgroup>
        <h1>回乡偶书h1>
        <h2>其一h2>
    hgroup>
    <p>
        在p标签中的内容,就表示一个段落
    p>
    <p>
        在p标签中的内容,就表示一个段落
    p>

    
    <p>今天天气<em>em>不错!!p>

    
    <p>你今天必须要<strong>完成作业strong>p>

    鲁迅说:
    
    <blockquote>
        世界上本没有路,走的人多了变成了路。
    blockquote>
    
    子曰:<q>学而时习之,不亦乐乎!q>
body>
html>

列表

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>
    
     <ul>
        <li>结构li>
        <li>表现li>
        <li>行为li>
     ul>

     <ol>
        <li>结构li>
        <li>表现li>
        <li>行为li>
     ol>

     <dl>
        <dt>结构dt>
        <dt>结构表示网页的结构,结构用来规定网页中哪里是标题,哪里是段落dt>
        <dd>
            用来对内容进行解释说名
            <dd>dd嵌套一层,不起作用dd>
        dd>
     dl>

     <ul>
        <li>数据li>
        <ul>
            <li>列表li>
            <ul>
                <li>第三个表li>
            ul>
        ul>
     ul>
body>
html>

超链接

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接title>
head>
<body>
    
     <a href="https://www.baidu.com/">超链接a>
     <br>
     <br>
     <a href="">超链接a>
body>
html>

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