HTML入门一(语法部分)


什么是HTML

Hyper Text Markup Language,超级文本标记语言简称HTML
- 普通文本a:无特殊意义,超级文本<a>:超链接
- 超文本:文本具备特殊的功能
- 标记:超文本的组成形式<a>
- 语言:拥有自己的语法结构

用该语言编写的文件,以.html 或 .htm为后缀,用来设计网页
由浏览器解释运行,可以嵌入脚本语言编写的程序片段,如JS

1、标记语法

标记以封闭类型划分:
(1)封闭类型标记.也称双标记,必须成对出现
    <标记>内容</标记>
(2)非封闭类型的标记,也叫做空标记/单标记
    <标记> 或 <标记/>

例如:
<a  href=“www.baidu.com” id=“baidu-link”>标签内容</a>
其中:a为标签名,也叫元素;
      href,id为属性;
      双引号中的值为属性值

2、元素

属性是用来修饰元素的

<标记 属性="值" 属性="值">
 ex:<p align="center" id="p1"></p>

【常用的标准属性】

id: 定义元素在页面中的唯一标识
title:鼠标移入到元素上时提示的文本
class:样式相关,定义元素引用的类选择器
style:样式相关,定义元素的行内样式

3、注释

在源码中编写,但不会被浏览器所解释的内容,成为注释
可以将对代码的解释说明放在注释中
语法:<!--  注释内容  -->

4、文档结构

(1)文档类型声明,指定HTML的版本和风格<!DOCTYPE html>
(2)HTML页面,表示HTML页面的开始与结束
语法:<html></html>
位于<!doctype html>之下
<!doctype html>
<html>
  
</html>

5、页面头部

<head></head>
紧跟在html之后,是html中的首个子元素

头部所包含的内容(子元素)
(1)网页标题:<title>标题内容</title>
(2)定义网页的编码格式,关键字,描述
    网页的编码格式:<meta charset="utf-8">(utf-8:支持中英文、标点、符号)
    关键字:<meta name="keywords" content="关键字">
    描述:<meta name="description" content="描述内容">
(3)定义或引用javascript:<script></script>
(4)<style></style>定义内部样式
(5)<link>引入外部样式
<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>页面名称</title>
    <link rel=”stylesheet“ type="text/css" href="文件路径"/>
    <style>样式</style>
    <script>js脚本</script>
</head>
</html>

6、页面主体

<body></body>
【属性】
text:表示文本颜色
bgcolor:表示网页的背景颜色

7、完整写法如下

<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>页面名称</title>
    <link rel=”stylesheet“ type="text/css" href="文件路径"/>
    <style>样式</style>
    <script>js脚本</script>
</head>
    <body>
        <!--  网页内容  -->
    </body>
</html>

声明:游延东的博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - HTML入门一(语法部分)


为你,千千万万遍。