初学HTML笔记（1）

天客 · 发表于 2020-2-1 10:59:19

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由天客于 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">

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 初学HTML笔记（1）

马上注册，结交更多好友，享用更多功能^_^