HTML基本语法

导读:本篇文章讲解 HTML基本语法,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

一、HTML基本概念

文档:HTML文档俗称网页。

标签:用尖括号包围的关键词我们成为标签。通常HTML标签成对出现,如:<a>、</a>。

  • 开始标签:标签对中的第一个标签是开始标签,也成为开放标签。如<a>。
  • 结束标签:标签对中的第二个标签是结束标签,也成为闭合标签。如</a>。

元素:我们把匹配的标签对以及它们包围的内容称为元素。即(元素 = 开始标签 + 内容 + 结束标签)。如:<a href=”http://hanzhaoxin.cnblogs.com/”>我的博客</a>。

  • 块级元素:在浏览器默认显示时以新行来开始(和结束)的元素。
  • 内联元素:又称行内元素,在浏览器默认显示时在同一行按从左至右顺序显示,不单独占一行的元素。

属性:开始标签中那些以名称/值对的形式出现的内容,我们称之为属性。如上例中: href=”韩兆新 – 博客园“。(href是属性称,”韩兆新 – 博客园“是属性值)。

二.HTML基本元素

1.根元素

元素 含义
<doctype> 定义文档类型。
<html> 定义 HTML 文档。

2、元数据元素

元素 含义
<head> 定义关于文档的信息。
<meta> 定义关于 HTML 文档的元数据。
<link> 定义文档与外部资源之间的关系,一般用于引入样式表。
<base> 定义页面上所有链接的默认地址或默认目标。
<title> 定义文档标题。
<style> 定义文档的样式信息。

3、脚本元素

元素 含义
<script> 定义客户端脚本。
<noscript> 定义当浏览器不支持脚本的时候所显示的内容

4、块元素

元素 含义
<body> 定义文档的主体。
<h1>、<h2>…<h6> 定义文档标题。
<p> 定义文档段落。
<blockquote> 定义块引用。
<ul>、<ul>、<dl> 定义列表。
<table> 定义表格。

1)列表元素

列表 元素 含义
无序列表 <ul> 定义无序的列表。
<li> 定义列表项。
有序列表 <ol> 定义有序的列表。
<li> 定义列表项。
定义列表 <dl> 定义定义列表。
<dt> 定义定义术语。
<dd> 定义定义描述。

2)表格元素

元素 含义
<table> 定义表格。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<th> 定义表格的表头行。
<tr> 定义表格的行。
<td> 定义表格单元。

5、文本元素

1)文本格式化元素

元素 含义
<em> 定义着重文字。
<strong> 定义加重语气。
<sup 定义上标字。
<sub 定义下标字。
<ins> 定义插入字。
<del> 定义删除字。
<b> 定义粗体文本。
<i> 定义斜体文本。
<big> 定义大号字。
<small> 定义小号字。

2)引用、引用和术语定义

元素 含义
<q> 定义简短引用。
<blockquote> 定义长引用。
<address> 定义地址。

6、引用、引用和术语定义

属性 含义
<q> 定义简短引用。
<blockquote> 定义长引用。
<address> 定义地址。

7、<div> 和 <span>

元素 含义
<div> 定义文档中的分区或节(division/section)。
<span> 定义 span,用来组合文档中的行内元素。

三、HTML基本属性

1、HTML全局属性

1)核心属性

属性 含义
id 设置元素的唯一 id。
class 设置元素的一个或多个类名(引用样式表中的类)。
style 设置元素的行内样式(CSS内联样式)。
title 设置有关元素的额外信息(可在工具提示中显示)。

2)常见元素属性:

(1)<a>元素的属性:

属性 含义
href 指定链接到互联网或你的计算机上的一个资源的别称。
target 指定打开链接的目标窗口。
title 指定所要链接到页面的文本描述。

(2)<img>元素的属性:

属性 含义
src 指定向服务器请求的资源。
alt 指定图像无法显示时的替代文本。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/77764.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!