这是我参与「第五届青训营 」伴学笔记创作活动的第 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基础知识,加强了记忆,