HTML复习_在指定锚点招链接的时候,如果在文用了<a牛filel.htm某一个位置使 file2htm中单击-CSDN博客

本文链接：https://blog.csdn.net/zwk1482096234/article/details/126894035

1 什么是HTML

HTML是超文本标记语言，是包含一些标签的文本文件

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

    HTML 指的是超文本标记语言: HyperText Markup Language
    HTML 不是一种编程语言，而是一种标记语言
    标记语言是一套标记标签 (markup tag)
    HTML 使用标记标签来描述网页
    HTML 文档包含了HTML 标签及文本内容
    HTML文档也叫做 web 页面

2.入门实列

新建one.html。内容如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h1>我的第一个测试</h1>
		<p>我的第一个段落</p>
		<h2>我的第二个测试</h2>
	</body>
</html>

1.<th></th> 表头

<caption></caption> 标题

2.Doctype 文档类型

3.utf-8 国际语言

gb2312 中文简体

big5 中文繁体

iso-8859-1 英文字符

4.border 描边

bordercolor 描边颜色

width 宽度

align 水平位置 v-align middle vertical-align（css）

height 高度

left 左边

center 中间

right 右边

cellspacing 边界距离

cellpadding 填充距离

bgcolor 背景颜色 <body background=”img/bg.jpg”>

5.rowspan 跨行

colspan跨列

6.标题字体：<h1></h1>

....

7.段落标签：<p></p>

8.换行标签：<br/>

9.<i></i> 斜体字<em></em>

<u></u> 下划线<ins></ins> text-decoration:underline

<sup></sup> 上标字

<sub></sub> 下标字

<tt></tt> 打字机字体

<em></em> 斜体字（强调）

<strong></strong> 粗体字（强调）

<b></b> 加粗（黑体）

<del></del> 删除线<s></s> line-through

<big></big> 大号字

<small></small> 小号字

<center></center> 居中显示文字

<blink></blink> 文本闪烁

<hr/> 水平线 width:水平线的宽度；size:粗细;color:颜色;align：水平位置

空格 > > < < ©

10.字体尺寸：<font size=""></font>

字体颜色：<font color=""></font>

文字字体：<font face=""></font>

11.图片标签：<img src="#" alt="" title=""/> 调用名称为“1.JPG”的图片的代码是？

alt表示当图片加载不正常时显示的文字

title表示鼠标经过时显示的文字

12.align控制图片与文本的对齐方式：top（顶）、right（右）、 bottom（底）、left（左）、middle（中间）

13.超链接 <a href="#" title="" target="" ></a>

target="_blank" 在新浏览器窗口打开网页

target="_parent"在上一级窗口打开

target="_self"同窗口打开（默认）

target="_top" 顶端打开窗口

14.图片链接 <a href="#"><img src="1.jpg"/></a>

15.锚点链接 <a name="maodian"></a>

16.特殊符号： < <

> >

& &

" "

空格

版权 ©

注册商标 ®

乘号 ×

除号 ÷

17.background 背景图片的调用

body的背景属性

18.<form></form> 表单

语法：

<input /> value : text password submit reset radio checkbox file hidden button image

checked

<select><option></option></select>selected

</form>

19.<input>单标记

语法：

<form>

</form>

type指定表单的类型有很多值：text 文本框

submit 提交按钮

reset 重置按钮

password 密码框 checkbox 复选框

radio 单选框

image 图片按钮

file 选择文件

hidden 隐藏文本框

maxlength：设置单行输入框可输入的最大字符数

size：设置单行输入框可显示的最大字符数

value：预设值

disabled:只读模式

checked="checked"默认状态是否被选中

20.下拉列表

语法：<select>

</optgroup>

</select>

<optgroup></optgroup>标签定义选项组

21.<label>标注内容</label> 为input元素定义标记

<input type="text" name="sex" id="nan"/> 男

其中for的值等于id的值

点击汉字同样选中表单

22.表格补充属性

1） rules="none"

none 没有线条

groups 位于行组和列组之间的线条

rows 只显示水平方向的线

cols 只显示垂直方向的线

all 位于行和列之间的线条

2）hspace和vspace表示图像与边框之间的距离

hspace:表示水平位置

vspace:表示垂直位置

3）valign表格内容垂直方向的位置

有：top顶部 middle中间 bottom底部

23.文本域

语法：<textarea name="" cols="" rows=""></textarea>

cols表示列数

rows表示行数

24.style样式

语法：style="属性：值；"

width: px; 宽

height: px; 高

background:#颜色值；背景颜色

list-style:none 列表样式为无

background:url()（链接地址） no-repeat（不平铺）; 背景图片的调用

list-style-image:url(1.jpg); 列表样式图片

border:2px solid#颜色；文本框描边颜色

25.无序列表

语法：<ul type="">

</ul>

type属性：disc 实心圆点

square 实心方块

circle 空心圆圈

有序列表

语法：<ol>

</ol>

自定义列表

语法：<dl>

</dl>

26.预格式化：会原封不动的显示html页面格式

27.html注释标记

28.Iframe 浮动框架也叫内联框架

语法：<iframe src="news.html" width="1200" height="1000" scrolling="yes" frameborder="1">

</iframe>

1).src是在iframe中显示的页面的连接

2).height框架的高

3).width框架的宽

4).scrolling是否有滚动条

5).frameborder是否显示边框

29.Keywords 设置关键字

http-equiv

description 网站内容描述

robots 机器人向导

author 标注网页作者

refresh 刷新

自动刷新并指向新

注意：其中的10是指停留10秒钟后自动刷新到URL网址

30.移动属性基本语法

将要移动的文字或图片对象

</marquee>

默认移动方向：向左循环移动

direction可控制移动的方向，属性为：left right up down

<marquee></marquee>中也有：width height bgcolor align hspace vspace的属性

文本滚动循环1

behavior语法表示，滚动循环

属性：scroll循环滚动 slide只移动一个回合 alternate来回移动（不兼容）

文本滚动循环2

loop属性决定滚动文字的滚动次数，默认值-1=infinte 无限循环滚动

文本滚动循环3

scrollamount滚动速度，是设置每次滚动时移动的长度，以像素为单位

scrolldelay滚动的时间间隔，单位毫秒

31.网页多媒体

多媒体标记<embed/> 也有width height align等属性

语法：

embed的基本属性

autostart=true/false 是否自动播放（不兼容）

loop="true/false/正整数" 多媒体循环播放

当给loop一个数字时，给到几，就循环播放几次

hidden=true/false 表示是否隐藏面板

1		1	1	1
2	2			2
3	3	3	3	2