前端与 HTML2 | 青训营笔记

112 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天。

常见标签

标题标签:<h3>标题文本<h3>,n:1-6(h3、h4常用)。
段落标签:<p> </p>
水平线标签:<hr/>
换行标签:<br/>
div span标签:无语义,相当于一个盒子,用来布局。注:一行只能有一个<div></div>标签。
文本格式化标签:

                 <b> </b> <strong> </strong>                粗体

                 <i> </i>   <em> </em>                      斜体

                 <s> </s>   <del> </del>                    加删除线

                 <u> </u>   <ins> </ins>                    加下划线

标签属性:<标签名 属性1="属性值1" 属性2="属性值2">内容</标签名>
图像标签:

                     属性             属性值

                     src                路径

                     alt                文本(图片不显示时显示的文本)

                     title              鼠标经过时的悬浮文本

                     width              宽度

                     height             高度

                     border             边框宽度

链接标签:<a href="目标" target="窗口弹出方式"> </a>
瞄点定位:<a herf="#id名"> </a> <h3 id="文本"> </h3>

  • target="-self"本窗口弹出
  • target="-blank"打开新窗口弹出 class与id区别:class不唯一,id唯一
    base标签:(此标签必须放在<head> </head>里)
    注释标签:<!--注释的文本 -->
    路径:
    相对路径:
同一级 <img src="文件名" />        
下一级<img src="下一级文件名/文件名">

                       上一级<img src="../文件名"/>(上两级../../,依次类推)

     绝对路径:"D:wen\word"或"http://www.baidu.com"

列表
无序列表

                    <ul>

                         <li>列表项1</li>

                         <li>列表项2</li>

                          ......

                    </ul>(ul里不可放其他标签,li里可以放其他标签,后者同理)

有序列表:

                <ol>

                  <li> </li>

                       <li> </li>

                       ......

                 </ol>

自定义列表:术语,名词的解释描述

                     <dl>

                          <dt>名词1</dt>

                          <dd>解释1</dd>

                          <dt>名词2</dt>

                          <dd>解释2</dd>

                           ......

                     </dl>

表格标签:处理表格式数据(先分行再分列)
<table>表格方块 <tr><td>单元格标签

     <tr>
     <td>单元格内文字</td>
     <td>单元格内文字</td>
     ......
     </td>
     ......
</table>

表头标签:第一行第一列,加粗,将td改为th
表格结构:头部<thead> </thead>
主体<tbody> <tbody>
个人学习总结:巩固了HTML基础知识,加强了记忆,