html-210128-01

html - 210128 - 01

HTML

​ Hyper Text Markup Language（超文本标记语言）

注释

​

DOCYPE

​ 告诉浏览器，我们要使用什么规范

head

​ 网页头部标签

body

​ 网站主体

title

​ 网页标题

meta

​ 描述性标签，用来描述网站的一些信息，一般用来做SEO

标题标签

	<h1></h1>~~~~<h6></h6>

段落标签

	<p></p>

注释标签

<!---->

水平线标签

<hr>

换行标签

<br/>

粗体标签

<strong></strong>

斜体标签

<em></em>

特殊符号

    空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：<br/>
    大于号：&gt;<br/>
    小于号：&lt;<br/>
    版权符号：&copy;<br/>

图像标签

<img src="图片路径"	alt="图像的代替文字"	title="图像悬停提示文字"	width="图像宽度"	htight="图像高度"/>

链接标签

<a href="链接路径"	target="目标窗口位置">链接图像或文本</a>
<!--target	链接在哪个窗口打开	
	常用值：
		_self:	本页面打开
		_blank:	新页面打开
-->

锚链接

<!--1.页面间跳转			假如这个是test01.html-->
<!--使用name作为标记-->
<a name="top">顶部</a>


<!--锚链接
	需要一个锚标记，跳转到标记
-->
<a href="#top">回到顶部</a>

<!--2.不同页面跳转		这个是test02.html-->
<a href="test01.html#top">回到test01.html的top标记处</a>

功能性链接

<!--
	1.邮件链接：mailto
	2.QQ链接
	....
-->

<a href="mailto:1302973620@qq.com">我的邮箱</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="联系我" title="联系我"/></a>

行内元素

​ 无论内容多少行，该元素独占一行

​ eq：p，h1~h6…

块元素

​ 内容撑开宽度，左右都是行内元素的可以排在一行

​ eq：a，strong，em…

列表

• 无序列表

  <ol>
      <li>java</li>
      <li>html</li>
  </ol>
  

• 有序列表

  <ul>
      <li>java</li>
      <li>html</li>
  </ul>
  

• 定义列表

  <!--
  	dl：标签
  	dt：列表名称
  	dd：列表内容
  
  	可用于网站底部等等
  -->
  
  <dl>
      <dt>正在复习</dt>
      <dd>java</dd>
      <dd>html</dd>
      
      <dt>位置</dt>
      <dd>新乡</dd>
      <dd>上海</dd>
  </dl>
  

表格

<!--
	表格：table
	行：	tr			跨行：rowspan
	列：	td			跨列：colspan
-->

<table>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
    </tr>
    
     <tr>
        <td	rowspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

视频//音频

<!--
	视频元素：video
	音频元素：audio
	
	src：		资源路径
	controls：	控制条
	autoplay：	自动播放
-->

<voideo src="地址" controls  autoplay></voideo>

<audio src=""></audio>

d>

```

视频//音频

<!--
	视频元素：video
	音频元素：audio
	
	src：		资源路径
	controls：	控制条
	autoplay：	自动播放
-->

<voideo src="地址" controls  autoplay></voideo>

<audio src=""></audio>