前端开发每天必学之HTML入门介绍

2020-04-16 21:22:50易采站长站整理

3.标签结构示意图如下:

4.标签举例:

(1) <p></p>
(2) <div></div>
(3) <span></span>

5.标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。

6.HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
7.测试:有一个网页的代码,但第9行缺少代码,请补充:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        <title>标签的语法</title>  
    </head>  
    <body>  
        <h1>在本教程中,你将学习如何使用 HTML 来创建站点</h1>  
        <p>当特殊的样式需要应用到个别元素时,就可以使用内联样式。    
    </body>  
</html>  
  

1.5 html/head/body认识HTML文件基本结构

学习html文件的结构:一个HTML文件是有自己固定的结构的。

XML/HTML Code复制内容到剪贴板

<html>  
    <head>…</head>  
    <body>…</body>  
</html>  

代码讲解:
1. <html></html>称为根标签,所有的网页标签都在<html></html>中。
2.<head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。
3.在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

下面的代码的HTML文件结构不完整,因为缺少标签<html>和</html>:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>