前端学习笔记-HTML(一)


以"<!-- -->"为边界的内容都是注释,并不会在页面输出




<html>
  
  <head>
    
    <meta charset="utf-8">
    
    <title>html标签1title>
  head>



  
  <body>

    
    <p>这是段落标签p>
    <div>这是块标签div>


    <h1 id="hello">1级标题h1>
    <h2>2级标题h2>
    <h3>3级标题h3>
    
    <br>
    <h4>4级标题h4>
    <h5>5级标题h5>
    <h6>6级标题h6>

    
    
    <b>这是加粗标签b>
    <strong>这也是加粗标签strong>
    <i>倾斜标签i>
    <em>这也是倾斜标签em>
    
    <s>删除线s>
    <del>这也是删除线del>
    
    <u>下划线u>
    <ins>这也是下划线ins>



    
    
    <img src="./1.png" alt="" />

    <br>
    <br>

    
    <a href="http://www.baidu.com">这是一个超链接a>
    <a href="#hello">这是一个锚点,用于页面内的跳转,等学了id在回头看,点击这个标签会跳转到h1处a>


    <br>
    <br>
    <br>
    <br>
    
    这是一个空 格 <br>
    小于号:< <br>
    大于号:> <br>
    &<br>
    ¥<br>
    ©<br>
    ®<br>
    °<br>

    
    <ul>
      
      <li>无序列表1li>
      <li>无序列表2li>
      <li>无序列表3li>
    ul>

    
    <ol start="3">
      
      <li>有序列表1li>
      <li value="10">有序列表2li>
      <li>有序列表3li>
    ol>

    
    <dl>
      <dt>这是小标题dt>
      <dd>这是选项1dd>
      <dd>这是选项2dd>
      <dd>这是选项3dd>
    dl>

你可能感兴趣的:(HTML)