HTML基础 --- 1
2017-08-23 本文已影响0人
隔壁小犊子i
HTML 是一个超文本标记语言，用来搭建网页，HTML的结构包括头部（head）和body（主体）两大部分。head是描述浏览器所需的信息，body是包含所需要说明的的具体内容。HTML可以执行：文字，图形，表格，链接等功能。
<!doctype html>
<html>
<head>
<title>HTML基础---一</title>
</head>
<body>
hellow world
<!-- 在body中输入简单的文字，我们就可以能在网页中看到 -->
<!-- 接下来介绍几个简单的标签 -->
<!-- h1~~h6 标题标签 h1标签是级别最大的,h6标签是级别最下的-->
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>
<!-- 级别越小，字体也越小 -->
<p>hellow world</p>
<!-- 这是段落标签，它代表一个段落 -->
<div>hellow world</div>
<!-- 这是一个空白的标签,但是会占据一整行,现在一般的网页布局也都是使用div + css来布局-->
<!-- div的嵌套使用来完成整个网页的布局，可以将div理解成一个一个块，然后在div块中写入其他标签 -->
<!-- 之后可以通过css来修饰 -->
<a href="#">这是一个超链接</a>
<!-- a标签是一个超链接标签，href是a标签的私有属性，在里面可以填写要跳转到的页面
比如：href="http://www.baidu.com" 这时我们在点击a标签，我们就会跳转到百度页面 -->
<div style="width:200px;height:200px;border:1px solid #333;color:red;">
<p>汽车图片</p>
</div>
<!-- 这里通过style来制定行内样式，设置 宽（width）,高（height）都为200像素,之后在设置一个边框（border），color是给字体添加颜色的样式 -->
<!-- img标签是一个在HTML页面中添加图片的标签,src是它的属性，用来添加路径，alt是当图片加载失败或其他原因没有显示时才能够看到 -->
</body>
</html>
结果预览：
预览结果.png
