入门级html与css的基础学习和了解，走进网页设计，主要用适合初学者学习的HBuilder，浏览器Google Chrome

建议初学者运用HBuilder，它有着很好的界面和提示功能，非常适合初学者

对于开始学习的第一个网页设计，首先介绍一些基本的标签使用及其运行结果。我的第一个html文档的代码和运行结果如下图入门级html与css的基础学习和了解，走进网页设计，主要用适合初学者学习的HBuilder，浏览器Google Chrome

<h1></h1>~<h6></h6>是用来定义标题的标签，注意：没有h7等标签，有兴趣的可以去尝试一下。

<!DOCTYPE html>声明为HTML5文档，且该声明不区分大小写

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

<head>元素包含了文档的元数据，如<meta charset="utf-8">

<title>元素包含了文档的标题

<body>元素包含了可见的页面内容

<p>元素定义一个段落，该标签段落的前后会自动加上空行

这些标签都是成对存在的如上图所示，运行结果如下：

html链接通过标签<a>定义

<html>图像是通过标签<img>定义

<br>换行标签

运行结果：点击百度，即可进入百度页面，但此页面是直接显示在本页面，使用target属性，你可以定义被链接的文档在何处显示，这行代码会在新窗口中打开文档<a href="http://www.baidu.com" target="_blank">

HTML中注释格式：

添加水平线<hr />

上述标签中反斜杠影响不大，但是基于格式的规范性，通常带上反斜杠。以及一些文本加粗，斜体等标签，如代码所示：

运行结果：

代码中我并没有加换行标签，所以文字都处于同一行。

HTML对于你的空格，回车换行等是无法识别的，必须使用一些特定的标签来解决这个问题。也可以使用预格式标签<pre>，对于你的内容进行显示。代码：

运行结果：