html的基础介绍

来源：互联网发布：淘宝英伦男装店铺排行编辑：程序博客网时间：2024/05/17 03:11

一、HTML 文档结构

HTML 文档结构如下：

二、HTML基本语法

2.1.1标记的语法

1.什么是标记？

HTML 用于描述功能的符号称为”标记“。比如：<html> 、<head>、<body>等都是标记。

标记的类型分为:单标记和双标记。

单标记语法<标记名称> 最常用的单标记:<br>

双标记语法<标记名称>内容</标记名称> “双标记”由始标记和尾标记两部分组成，必须成对使用。

2.1.2 属性语法

1.什么是属性？

这里的属性指定是标记的属性，这里举个简单的例子来说明。单标记<hr>的作用是在网页中插入一条水平线，那么这条水平线的粗细、对其方式、宽度就是该标记的属性。

2.属性的语法

<标记的名字属性1 属性2 属性3>

例如下面的代码。

        ==================文件名：hr.html=====<html>    <head>        <title>属性的语法</title>    </head>    <body>        水平属性:粗细为1 对齐方式左对齐，宽度为整个屏幕的75%。        <hr size="1" align="left" width="75%">    </body></html>

运行效果图如下：

对上面的代码稍作修改，改变水平线的粗细，对其方式、宽度、颜色的属性代码如下。

        =============================文件名：hr.html=====<html>    <head>        <title>属性的语法</title>    </head>    <body>        水平属性:粗细为5 对齐方式右对齐，宽度为整个屏幕的100%。        <hr size="5" align="left" width="75%" color="black">    </body></html>

效果图如下：

2.1.3HTML 的文件命名

HTML 文件命名要注意以下几点。

文件的扩展名以.html。

文件名中只可由英文字母、数字或下划线组成。

文件名中不包含特殊字符，比如空格$等。

网站首页的文件名默认是index.html或index.htm