HTML基础学习

1. <dl>
      <dt>无序列表名称</dt>
      <dd>无序列表1</dd>
      <dd>无序列表2</dd>
      <dd>无序列表3</dd?
   </dl>

   标签

• mata标签

描述性标签，用来描述网站的一些信息（元信息），通常用来做SEO

<meta name="keywords" content "狂神说Java"/>
<meta name="description" content "我爱Java"/>

• 标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>

• 段落标签

<p>文本内容</p>

• 换行标签

<br/>

• 水平线标签

<hr/>

• 字体样式

<strong>粗体</strong>
<em>斜体</em>

• 特殊符号

空格    
大于号 >
小于号 <
版权号 $copy;

• 图像标签

<img src="path" alt="text" title="text" width="10px" height="30px"

src:图像地址， ../上一级目录，下一级目录直接写

alt:替代文字 

title:鼠标悬停提示文字

width/height:图片宽高

• 链接标签

<a href="path" target="_blank">链接文本或图像<a/>

href表示跳转到哪个页面

target表示目标窗口位置，_blank 表示在新页面打开，_self表示在当前窗口打开

<a name="top">顶部</a>
略
略
略
略
<a href="#top">回到顶部</a>

锚链接需要一个锚标记

• 列表标签

<ol>
   <li>有序列表1</li>
   <li>有序列表2</li>
   <li>有序列表3</li>
</ol>

<ul>
   <li>无序标签1</li>
   <li>无序标签2</li>
   <li>无序标签3</li>
</ul>

<dl>
    <dt>自定义列表名称</dt>
    <dd>无序列表1</dd>
    <dd>无序列表2</dd>
    <dd>无序列表3</dd>
</dl>

• 表格标签

<table border="1px">
    </tr>
    <tr>
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
        <td rowspan="2">常春</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
        <td rowspan="2">朱明远</td>
        <td>语文</td>
        <td>60</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>99</td>
    </tr>
</table>

border=“ ” 表格加边框

td rowspan=" "跨行

td colspan=" "跨列

• 媒体元素

<video src="path" controls autoplay></video>
<audio src="path" controls autoplay></audio>

contaols 播放

autoplay 自动播放