网站制作之HTML

时间:2019-02-19
本文章向大家介绍网站制作之HTML,主要包括网站制作之HTML使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

HTML 语言教程 

HTML的扩展名是.html 或.htm,格式:<标志名></标志名>,HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。

 1.、HTML 语言的基本结构: 

<html>//文件开始
  <head>//标头区开始
  <title>HTML 语言的基本结构</title>//标题区
  </head>//标头区结束 
  <body>//本文区开始
   本文区内容 
  </body>//本文区结束
</html>//文件结束 

<html> 网页文件格式。 
<head> 标头区 : 记录文件基本资料,如作者、编写时间。 
<title> 标题区 : 文件标题须使用在标头区内,可以在浏览器最上面看到标题。 
<body> 本文区 : 文件资料,即在浏览器上看到的网站内容。 

2、颜色单位有三种表示方法:16进制颜色代码、10进制RGB码、直接颜色名称

<html>  
  <head> 
  <title>HTML 语言中颜色的不同表示方法</title> 
  </head> 
  <body> 
  <font color="red">静夜思</font><br>//直接颜色名称
  <font color="#FF0000">静夜思</font><br>//16进制颜色代码
  <font color="RGB(255,0,0)">静夜思</font><br>//10进制颜色代码
  </body> 
</html> 

3、html 文档中 head 部分的基本使用方法

元素 描述 格式
title 文档标题 <title> …… …… </title> 
meta 描述非 html 标准的一些文档信息

1、定义搜索关键字:

<meta name="keywords" content(内容)="html,css,javascript">  
<meta name="description"(描述,描写) content="网页制作"> 

 2、控制页面缓存: 
<meta http-equiv="pragma"(杂注)content="no-cache"> 

3、定义语言: 
<meta http-equiv="content-type"content="text/html;charset="GB2312">

GB2312简体中文,BIG5 繁体中文

4、刷新页面 
<meta http-equiv="refresh"content="60",URL="new.htm">  

link 描述当前文档与其他文档之间的连接关系 <link rel="描述" href="URL 地址"> 
  rel 说明两个文档之间的关系;href 说明目标文档名。以下是一个指定外联样式表文件的例子: 
<link rel="stylesheet" href="style.css"> 
base 定义体试时默认的外部资源 <base href="原始地址" target="目标窗口名称"> 
script 脚本程序内容 <script language="脚本语言"> …… …… </script> 
style 样式表内容   用来指定当前文档的 css 层叠样式表。css 对于网页的字体样式、背景、边界等都有很大的应用。详细 部分请大家参阅 css 有关内容。

4、html 语言中的 body 的部分用法

元素 描述 格式
bgcolor 背景色  <body bgcolor="颜色值"> 
background 背景图案  <body background="URL"> 
text 文本颜色  <body text="color" > 
link 链接文字颜色  <body link="color"> 
alink 活动链接文字颜色  <body alink="color"> 
vlink 已访问链接文字颜色  <body vlink="color"> 
leftmargin 页面左侧的留白距离  <body leftmargin="value"> 
topmargin 页面顶部的留白距离  <body topmargin="value"> 

5、字体 

  • <b>...</b> 粗体字
  • <i>...</i> 斜体字
  • <del>...</del> 横线 ( 表示删除 )
  • <tt>...</tt> 打字体 ( 固定宽度文字 )
  • <sup>...</sup> 上标字
  • <sub>...</sub> 下标字
  • <!...> 注解 ( 不会显示在浏览器上 ),可以多行