2021-07-06 初学HTML

最新推荐文章于 2024-10-01 23:46:18 发布

霖雨1

最新推荐文章于 2024-10-01 23:46:18 发布

阅读量411

点赞数

文章标签： html

本文链接：https://blog.csdn.net/xiaojingqwer/article/details/118530122

版权

学习HTML基础知识

什么是HTML
- HTML编辑器推荐
- HTML基础

什么是HTML

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML编辑器推荐

Adobe Dreamweaver
DW代码编写实时反应代码执行结果真的很棒
Visual Studio Code
VS中有很多很棒的扩展，可以更好的帮助书写代码

HTML基础

HTML标题
html标题都是通过<h1>-<h6>来定义的
例：

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

HTML段落
html是通过<p>来定义的
它属于块级元素，即在浏览器显示时，通常会以新行来开始（和结束）。
如：<h1>, <p>, <ul>, <table>,<div>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML链接
html链接是通过标签进行定义的。
例：

<a href="http://www.baidu.com">This is a link</a>

HTML图像
html图像是通过 <img>标签进行定义的。
例：

<img src="img1.jpg" width="104" height="142" />

HTML折行（换行）
这里提一个html水平线（<hr />），这个标签在 HTML 页面中创建水平线，用于分割内容。
提示：使用水平线 (<hr /> 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签
例：

<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>

HTML注释
可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
注释是这样写的：

<!-- This is a comment -->

HTML元素
html元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。
HTML属性
html标签可以拥有属性。属性提供了有关 html元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=“value”。
属性总是在 html元素的开始标签中规定。

属性实例 1：
html链接由 <a> 标签定义。链接的地址在 href 属性中指定：

<html>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>

属性实例 2：
居中排列标题

<html>
<body>
<h1 align="center">This is heading 1</h1>
<p>上面的标题在页面中进行了居中排列。
上面的标题在页面中进行了居中排列。
上面的标题在页面中进行了居中排列。</p>
</body>
</html>

属性实例 3：
背景颜色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>

注意：属性和属性值对大小写不敏感。
不过，万维网联盟在其 HTML4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML要求使用小写属性。

适合大多数HTML的属性
HTML代码编写的注意事项
不要忘记写结束标签，即使您忘记了使用结束标签，大多数浏览器也会正确地显示html，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
注释：未来的 HTML版本不允许省略结束标签。

没有内容的 HTML元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。