前端-HTML

什么是HTML？？？

HTML是一种超文本标记语言
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程
序等非文字元素
PS：HTML 不是一种编程语言
z

HTML文档的基本格式

显示框logo

• 首先将图标转为ico格式，拖入img文件夹中
• 在内容中写
  
  效果图：
  

关于HTML的一些基本标签

加粗： <b></b>   <strong></strong>
倾斜： <i></i>   <em></em>
删除线: <del></del>
下划线: <ins></ins>
上标: <sup></sup>
下标： <sub></sub>
缩写： <abbr title=""></abbr>
标记： <mark></mark>
文本： <span></span>
标题： <h*>标题标签</h*> 
h1-h6:从大到小的标题标签
字体标签： <font></font>
段落标签： <p></p>

常用标签

插入图片：<img src="" alt=" "  width="" height="" />
超链接：<a href="" target="_blank"（在新的页面打开）></a>（可以打开本地链接和外部链接也可以打开照片）<a href="javascript:alert('姿势不正确')"></a>（弹窗提示）
滚动标签：		<h1><marquee behavior=""  direction="right"（滚动方向） style="">

媒体标签

• 音频

效果：

• 视频
  
  效果图
  
  PS：一定要有controls，否则没有播放器(音频与视频皆为自己DIY)

返回顶部的写法

1.首先：创造一个锚点，在代码上面

<a name="top"></a>
		<a id="top2"></a>

2.有了锚点，我们只需要在最后引用锚点

<a href='#top'>返回顶部</a>

3.运行一下，我们的浏览器下有一个返回顶部，点击后将直达网页顶端.

div块标签

格式：<div>< /div>
div 标签可以用来划分 HTML 结构，从而配合 CSS 来整体控制某一
块的样式。
div 标签是块级元素，它可用做组合其它 HTML 元素的容器。
div 标签可以用作严格的组织工具，如果用 id 或 class 来标记 
div 标签，则 div 标签的作用会更加完美。
display：决定了标签的块级或行级特点
块级标签：display:inline 会自动换行，设置宽高 p divh1-h6 
行级标签: display:block 不会自动换行 ,不能设置宽高，他的宽高
是自身大小 span b i mark
行内块标签:display:inline-block;不会自动换行，可以设置宽高
·img video

表

列表

有序  无序  自定义 --
有序：<ol  type=””(序号的样式) start=”10” reversed(倒序)   >
<li></li>
      </ol>
无序：<ul type=”squire”(序号的样式) >
<li></li>
      </ul>

自定义：<dl>
         <dd></dd>
        </dl>

表格

<table border=”1px”(线宽)  width=“”style="te