代码学习（前端，HTML）

1.它是一个标记语言，不是编程语言。

2.基本标签：

设置页面图标：(link)

< link rel=“icon” type=“image/x-icon” href=“路径”>

加粗：< b>< /b> (常用)、< srrong>< /stronh>（带有感情的标签，不重点记忆）

倾斜：< i>< /i> (常用)、< em>< /em>(带有感情的标签，不重点记忆)

标题：< h1>< /h1>、< h1-h6> 从大到小的标题标签，< h1>最大

段落：< p>< /p>（添加新的一段）

换行：< br/>

水平线：< hr>

属性：width（设置长度） size（设置宽度） color（设置颜色） align（设置左对齐或右对齐）

下标与上标：< sub>< /sub>(下标)，< sup>< /sup>(上标)

下划线：< ins>< /ins>

删除线：< del>< /del>

缩写：< abbr title = “”>< /abbr>（给开始语句与结束语句中的 属性 添加 双引号内的语句 与备注差不多）

高亮：< mark>< /mark>（给字段添加颜色）

文本：< span>< /span>(与平常不使用没有区别，在后期的CSS使用)

3.常用标签：

a.放置照片：

< img src=“” alt=“”>(当src内的路径显示不出来 或 者有错误时，显示alt内的内容)

​属性： 宽(width) 和 高(height)

b.链接标签：

（默认样式为紫色字体加下划线，target后为打开方式）

_blank(在新窗口显示)
_parent(在父级窗口打开，如本身是顶级窗口则与_self效果相同)
_self(默认，在当前窗口打开)
_top(在最顶级窗口打开)

< a href=“./class2.htm1”>打开另一个页面< /a>（打开路径中的网页）

< a href=“图片路径”>打开照片< /a>（以网页的形式打开照片）

< a href=“javascript:alert('姿势不正确!)”>提示框< /a>

< a href=“#top”>回到顶部</ a>

（“#” 为id 在运行此代码必须先在 网页上方 设置一个id为top的路径 < a id=top><\a> ）

c.滚动标签：

< marquee>滚动字幕< /marquee>

属性:
direction: 方向 (left（默认值：左）、right（右）up（上）down（下）（在设置从下往上或者从下往上滚动时，需要设置 高度超过 文本高度）)

behavior: 滚动方式 (scroll（默认值：循环滚动）、slide（只滚动一次，不重复滚动）、alternate（交替滚动，文本从左到右再从右到左交替滚动））

移动范围：width（宽）height（高）

scrollamount:速度，值是正数默认为 6

scrolldelay: 时间，值是正数默认为 0。单位毫秒

οnmοuseοver="stop0”: 鼠标悬浮停止移动

οnmοuseοut="start () ":鼠标离开开始移动

d.媒体（音频，视频）标签：（行级标签）

< audio src=“” controls>（音频，引号内为文件路径）

< video src=“” controls>(视频，引号内为文件路径)

属性：controls为播放器，没有则不显示

4.标签类型：

（display决定了标签的块级和行级特点，可以通过调整display来设置标签类型）

1》块级标签：会自动换行 可以设置宽高 display：inline

2》行级标签：不会自动换行 无法设置宽高（宽高为自身大小）display：block

3》行内块标签：不会自动换行 可以设置宽高 display：inline-block