HTML基础 --- 1

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>
        ![](image/1.jpg)
    </div>
    <!-- 这里通过style来制定行内样式，设置 宽（width）,高（height）都为200像素,之后在设置一个边框（border），color是给字体添加颜色的样式 -->
    <!-- img标签是一个在HTML页面中添加图片的标签,src是它的属性，用来添加路径，alt是当图片加载失败或其他原因没有显示时才能够看到 -->
    
    
    
    </body>
</html>

结果预览：

预览结果.png

HTML基础 --- 1

推荐阅读更多精彩内容