html学习

  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题  有1-6六种大小
  • <p> 与 </p> 之间的文本被显示为段落
  • HTML 链接是通过 <a> 标签进行定义的。
  • 用于双向重写的 HTML <bdo>

    HTML <bdo> 元素定义双流向覆盖(bi-directional override)

           HTML思想
          网页中有很多的数据,不同的数据可能需要不同的显示效果,这个时候就需要使用标签把要操作的数据包起来,通过修改标签的属性值来改变标签内的数据的样式变化。
    
           一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化

  • 转义字符常用
  •  

  • 列表标签 

  • 无序(ul)与有序(ul)与定义列表(dl)
  • (li)
  • <dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
    </dl>
    

      

  • 图像标签

  •  <img  src=""  width= hight=   alt="">  

  • 超链接标签
  • <a  href="">       /a>
  • target="_blank" 这样设置的链接会在新窗口打开
    跳转到本页面的特定地方的例子:
    <p>
    <a href="#C5">查看 Chapter 5。</a>
    </p>
    
    <h2>Chapter 1</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 2</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 3</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2><a name="C5">Chapter 4</a></h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 5</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 6</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 7</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 8</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 9</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 10</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 11</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 12</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 13</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 14</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 15</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 16</h2>
    <p>This chapter explains ba bla bla</p>
    
    <h2>Chapter 17</h2>
    <p>This chapter explains ba bla bla</p>
  • 表格标签
  • <tr>是行<td>是列

    每个表格行由 tr 标签开始。

    每个表格数据由 td 标签开始。

  • 其他标签
  • <p>是文本<b>粗文本标签<u>有下划线的文本标签<i>斜体文本标签<s>中间有横线的文本标签
  • 表头标签
  • <mate>详解
  • https://blog.csdn.net/iteye_15968/article/details/81444718
原文地址:https://www.cnblogs.com/gonT-iL-evoL-I/p/9913873.html