html入门（一）

最新推荐文章于 2022-05-26 08:42:04 发布

qwer1s

最新推荐文章于 2022-05-26 08:42:04 发布

阅读量264

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qwer1s/article/details/73770428

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

因为我自己正在做一个小项目，既需要后端，又需要懂点前端的那种。所以去看了一点html基础，就此做笔记如下：

html是超文本标记语言，所以它并不是编程语言，而是标记语言。标记语言是一整套用来描述网页的标记标签。标记标签成对出现，可称为开始标签和结束标签。

html的结构为：

<html>
    <head>
        <title>页面标题</title>
    </head>
    <body>
        <h1>标题</h1>
        <p>段落</p>
    </body>
</html>

一、<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，放在这个标签里的基本都是你想让浏览器看到，而不想让用户看到的东西。
1、<meta>标签
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
```
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
```
这是元关键词标签，定义属性名称为“keywords”，属性内容包含：html、css、xml、xhtml、javascript等，这样方便搜索引擎搜索到。
还有元解释说明标签，属性名称为description，内容为摘要或者其他描述性内容。
还可以定义网页的作者：
```
<meta name="author" content="Runoob">
```
2、css引用
这里仅介绍外部样式表，通过一个css文件改变整个网站的样式。
```
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
```
link代表联接，rel代表关联，表示链接标签同文件的关联。type表示格式。href后添加文件地址，表示链接到该文件地址。
二、<title> 元素描述了文档的标题
三、<body> 元素包含了可见的页面内容
四、<h1> 元素定义一个大标题（从<h1>到<h6>，h1定义最大的标题，<h6>定义最小的标题。应将<h1>作为描述主标题的元素，其次<h2>,依次往下类推）
五、<p> 元素定义一个段落
六、<a> 元素定义链接，在href属性中指定链接地址
```
<a href="http://www.runoob.com">这是一个链接</a>
```

<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

外部引用时一定要注意添加http://www

target属性描述了被链接的文档的显示之处，例如

target="_blank" 就表明是重新打开一个窗口，跳转链接

七、<img>元素描述图片，在src属性中提供图片地址，在width和height属性中定义图片大小。alt属性提供图片替代信息，也就是文本阅读器能够读取的图片信息。（文本阅读器看不到图片）

<img src="/images/logo.png" width="258" height="39" />

八、<br>元素定义换行，可以用来折行

九、<hr>元素用于创建水平线、分隔内容

<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

十、元素用于定义注释。

文本格式化的标签：

<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em> #强调要突出显示文本，所以浏览器会自动渲染文本
<i>斜体文本</i>
<kbd>键盘输入</kbd> 
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong> #着重为黑体
 
<abbr> （缩写）
<address> （联系信息）
<bdo> （文字方向）
<blockquote> （从另一个源引用的部分）#定义长的引用

#<q>  （定义短的引用）
<cite> （工作的名称）
<del> （删除的文本）
<ins> （插入的文本）
<sub> （下标文本）
<sup> （上标文本）

元素的内容是开始标签与结束标签之间的内容。标签内可以嵌套标签，比如某一段落的一部分文字需要着重显示，就可以在该文字的开始与结束处添加<em>和</em>标签。
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
以上是html元素的介绍，接下来介绍属性。
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。属性名="属性值"
输出内容时需要注意：当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。如果保证输入的格式即为输出的格式，可以使用<pre></pre>标签。
排版很乱很乱，常常有出乎预料的错误，望海涵。