初学HTML笔记(1)
本帖最后由 天客 于 2020-2-1 12:13 编辑1.什么是HTML语言
HTML是标记语言,用于描述网页的一种语言
2.什么是HTML标签
HTML标签是代码中尖括号和包含在里面的关键字,通常是成对出现的,包含开始标签和结束标签。例如:<p>和</p>
3.什么是HTML文档
HTML文档包含HTML标签和文本,浏览器通过HTML文档来显示网页内容,通过HTML标签来显示文本。
4.基本HTML标签有哪些
HTML标题:使用<h1>到<h6>来定义标题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
</body>
</html>HTML段落:使用<p>来定义段落<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>这是第一个段落</p>
<p>这是第二个段落</p>
</body>
</html>HTML链接:使用<a>来定义链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="https:www.baidu.com">这是一个百度链接</a>
</body>
</html>HNTL图像:使用<img>来定义图像
HTML水平线:使用<hr/>来创建水平线
<!DOCTYPE html>
<body lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
第一行<hr/>第二行<hr/>第三行
</body>
</html>HTML注释:<!--注册内容-->
<!DOCTYPE html>
<body lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
内容<!--这是注释-->
</body>
</html>
HTML折行:使用<br/>来进行换行
<!DOCTYPE html>
<body lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
第一行<br/>第二行<br/>第三行
</body>
</html>5.HTNL元素是什么
从开始标签到结束标签的所有代码
6.HTML属性是什么
HTNL属性是HTML元素的附加信息,通常以值对的形式出现在开始标签,属性值要加双引号
7.HTML的样式有哪些
背景颜色:background-color定义背景颜色
<!DOCTYPE html>
<body lang="en" style="background-color:yellow">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
</body>
</html>字体,颜色,尺寸:font-family,color,font-size
<!DOCTYPE html>
<body lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<p style="font-family:cursive;color:blue;font-size:12px">第一段</p>
<p style="font-family:serif;color:green;font-size:15px">第二段</p>
<p style="font-family:'Times New Roman';color:black;font-size:25px">第三段</p>
</body>
</html>文本对齐:text-ailgn
<!DOCTYPE html>
<body lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<h1 style="text-align:center">中间</h1>
</body>
</html>8.HTML引用有哪些
短引用:使用<q>来定义
长引用:使用<blockquote>来定义,对元素进行缩进处理
缩略词:<abbr>定义缩写词
联系信息:使用<address>定义作者联系信息
著作标题:使用<cite>定义著作标题
变量格式化:使用<var>定义数学变量
9.HTML链接属性有哪些
name属性:通过name属性命名锚,点击链接可以直接跳转到页面内指定处
第一步:命名锚
<a name="tip">内容</a>
第二部:创建指向锚的链接
<a href="#tip">链接</a>
target属性:定义链接文档在何处显示
<a href="www.baidu.com" target="_blank"></a>
10.HTML图像的属性
src(source)属性:<img src="URL">
替代文本属性:<img src+"URL", alt="error">
页:
[1]