首页 > 其他分享> > HTML(HyperText Mark-up Language)学习笔记——第一篇

HTML(HyperText Mark-up Language)学习笔记——第一篇

2019-03-05 15:52:00 作者：互联网

基本框架

标记

语言规则

命令都要放到<>
大部分标记成对出现
标签大部分以<tag>开头</tag>结束
不区分大小写

基本框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到HTML的世界</title>
</head>
<body>
这是我的第一个网页
</body>
</html>

标记

标记分类

双标签（容器标记）如这类成对出现的
单标签（空标记）如 这类不成对出现

常见标记

段落
换行
<hr> 水平线
粗体
斜体
下划线
强调标记，通过加粗方式强调
强调标记，通过倾斜方式强调
上标(top)
下标(bottom)

PS 外观上： 和、和是一样的，但是对SEO（搜索引擎优化）有影响。

、仅仅表示是字体，没有强调作用，实际工作建议使用强调标记。

标记的属性

每个标记就是一个对象，每个对象都有属性。一个对象有多个属性，多个属性之间没有先后关系

语法：<标记属性='值' 属性='值' ...>

滚动的文字

基本语法：<marquee>滚动文字</marquee>

重要属性：

direction：滚动的方向值可以是left，right，up，down，默认为left
behavior：滚动的方式值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动）
loop：循环的次数值是正整数，如果设置参数值为-1或infinite时将无限循环，默认为无限循环
scrollamount：滚动速度值是正整数，默认为6
scrolldelay：延时值是正整数，默认为0，单位毫秒
align：决定滚动文字位于距形内边框的上下左右位置值可以是top，middle，bottom，默认为middle
bgcolor：文字滚动范围的背景颜色值是16进制（形式：#AABBCC或#AA5566等）或预定义的颜色名字（如red、yellow、blue）等，默认为白色
height、width：决定滚动文字在页面中的矩形范围大小。width属性用以规定矩形的宽度，height属性规定矩形的高度。值是正整数（单位是像素px）或百分数
hspace、vspace：这两个属性决定滚动矩形区域距周围的空白区域. 值是正整数，单位是像素px。
onmouseover="stop()"：当鼠标移到的时候滚动停止
onmouseout="start()"：当鼠标移开的时候又继续滚动。

路径

分为绝对路径和相对路径，参考网址：https://wenku.baidu.com/view/849c40212f60ddccda38a0ca.html

以下是几个实例

index.html与public同级

链接

链接的标记<a></a>

1.内部链接

网站内部页面和页面之间的连接，参照上面的路径。

2.外部链接

连接到其他网站上去。

3.空链接

有超链接的样子，但是点击不会跳转。

<a href="#">空链接</a>

应用：比如执行一段js代码，弹出一个对话框，但是不跳转。

4.下载链接

链接的文件，浏览器无法打开，就自动出现下载。

举例：

<a href="index.zip">Upload</a>

5.锚链接

举例：（自己尝试以见效果）

<a href="#number1">这是一个锚点的例子</a>
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/><br/><br/>
	<a id="number1"></a>点击之后跳转到这里<br/>
	点击之后跳转到这里<br/>
	点击之后跳转到这里<br/>
	点击之后跳转到这里<br/>
	点击之后跳转到这里<br/>

理解：