HTML 基础
本教程主要是讲解HTML基础,包括HTML规范、HTML中的元素书写和HTML案例等。
视频教程地址:HTML基础视频教程
视频教程资料下载地址:HTML基础关于视频资料的相关下载
HTML规范
针对html头会有两种规范,一个是日文环境一个是中文环境。
日文环境代码清单
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> |
中文环境代码清单
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> |
说明:编码方面对于国内的网站来说,大多都是做百度优化,而且符合中文习惯,所以建议用GBK简体中文的编码,一般用GB2312来表示简体中文。其实建议UTF-8编码,支持多语种且少出现乱码的情况。
html头中往往还包含javascript和CSS的书写,其书写方式分别如下
javascript方式一:
|
<script type="text/javascript"> <!—…..--> </script> |
说明:对于方式一,是直接嵌入网页中的,其实我们还可以采用方式二更好。
方式二、<script src="path/to/script.js" language="javascript" type="text/javascript"></script>
CSS的书写方式也是和JS的一样,有两种方式,一种是直接嵌入网页,一种是直接写好一个CSS文档,然后用link给引用进来。
CSS嵌入网页的方式是:<style>css代码</style>
方式二:<link media="screen" rev="stylesheet" type="text/css" rel="stylesheet" href="css路径">
HTML元素书写
1、元素属性值必须包含在双引号中,例如:color="#000"
2、head与之间必须有title,例如:
|
<head> …… <title>标题</title> …… </head> |
3、form表单需要与action属性,且不能为空等等。
HTML案例
案例1:H标签的使用(H标签是描述HTML标题,从H1-H6,级别依次缩小)
|
<h1>H1标签</h1> <h2>H2标签</h2> <h3>H3标签</h3> <h4>H4标签</h4> <h5>H5标签</h5> <h6>H6标签</h6> |
案例2:HTML段落的使用(用<P>标示)
| <p>HTML段的表示</p> |
案例3:HTML链接的使用(HTML 链接是通过 <a> 标签进行定义的)
| <a href=http://www.52ij.com>链接文字</a> |
案例4:HTML图像的使用(HTML 图像是通过 <img> 标签进行定义的。)
| <img src="xxx.jpg" width="100" height="100" /> |
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
