专业编程基础技术教程

网站首页 > 基础教程 正文

「HTML+ CSS」了解html的基本构成，学习标签书写格式

ccvgpt 2024-10-12 13:53:03 基础教程 5 ℃

本篇文章我们主要介绍下一个html的基本构成元素，以及html标签的书写格式。

HTML基本构成

一个HTML文件是有自己固定的结构的，他主要分为<html><head><body>三大部分。

「HTML+ CSS」了解html的基本构成，学习标签书写格式

?

1. <html></html>称为网站的根标签，所有的网页标签都在<html></html>中，所以他写在开头和结束的部分。

2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素主要有<title>、<script>、<link>、 <meta>等标签，这些标签都有其单独的作用，这里我们挑几个重要的进行讲解。

--><meta> 元素可提供有关页面的元信息（meta-information），比如编码的格式，针对搜索引擎和更新频度的描述和关键词。

-->在<title>和</title>标签之间的书写的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。

-->link标签最常见的用途是链接外部css样式表，外部资源，<link rel="stylesheet" href="style.css">，href里边的内容就为调用外部资源的文件名称。还有一种比较常用的用途是网页左上角的小图标，代码是<link rel="shortcut icon" type="images/x-icon" href="favicon.ico">

-->script标签同link类似，他的用途是链接外部的Javascript代码，只是书写格式有所区别<script src="****.js"></script>，src里边的内容就为调用外部JavaScript代码的文件名称。

3. 在<body>和</body>标签之间的内容是网页的主要内容，如<div>、<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

标签书写格式

1、 标签由英文尖括号<和>括起来，如<html>就是一个标签。

2、 html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。比如<p></p>,<h1></h1>，<div></div>；

3、有部分标签的格式不是成对出现的，他们是直接在开始标签后边加上/即可，比如<img src="" />、<hr/>、<br/>；

4、HTML标签不区分大小写，<h1>和<H1>是一样的，但是建议统一使用小写格式，这样看起来比较的方便，代码也显得整齐；

Tags：

猜你喜欢

最近发表
标签列表