文档介绍:HTML基础培训
主讲:张宁
推荐工具
HTML语言概述
HTML基础知识
编辑最常用到的几个标签
HTML和SEO优化
培训主要内容
页面排版、制作:Dreamweaver
图片切图、修改:Photoshop
推荐工具
HTML语言概述
HTML 是用来描述网页的一种语言。
HTML 不是一种编程语言,而是一种标记语言(markup language)
标记语言是一套标记标签(markup tag)
HTML 使用标记标签来描述网页
关于html基础知识
一、标准规范的网页代码结构
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>……</title>
<link href="css/" rel="stylesheet" type="text/css">
</head>
<body>
<table>
……
</table>
</body>
</html>
另外:同一网页中<html> </html> 、<head> </head> 、<title> </title> 、<body> </body>
只可以使用一次。
一般改动页面只是在body中,如果页面中再次或多次出现<html>等标记,多次使用带来不可预知的错误,主要取决于浏览器的兼容性。
关于html基础知识
二、html标签缺失或多余一般网页的html都用小写形式(所用符号都为半角,即英文状态下),
不使用大写形式,这样对区分大小写的语言与更好的兼容性。
html语法中以“<>”开始,以“</>”结束,缺一不可。标记html的定义符号,通常都是成对出现的,如:<table>···</table>,
如果只有<table>而没有相应的</table>,叫做标签未闭合。
除了个别单标签外,都是不允许的,会导致网页结构的错乱。
常用的单标签:<img >、<br>
关于html基础知识
三、语法格式参考注释: <!-- 注释的内容-->
不会呈现在网页里,注释是为了代码维护方便属性:<标签名称参数名称=“参数值”>, 色彩值要加#,
例如:<div style=“color:#FFFFFF”>…</div> <img src=“图片地址” title=“小“图”片”/>等等
页面片: <!-- #include virtual=“xxxxxx”-->
<head>
<title>
<meta>
<body>
<h1><div> <span> <a> <img> <p> <ul> <li>
……
html常用标签
<head>元素出现在文档的开头部分。
<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。
<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<head>标签