目标
了解 Web 阶段课程内容
了解 Web 界面技术---View
掌握 HTML 来历
掌握 HTML 的基本语法--文件标签、内容排版标签、
字体、列表标签、表格标签、表单标签
1、了解 Web 阶段课程内容
HTML、CSS、JavaScript、Servlet、JSP、Ajax
2、了解 Web 界面技术---View
MVC 三层架构中,界面是跟用户接触最多的地方,现在
项目都强调:用户体验
3、掌握 HTML 来历
HTML(超文本标记语言)
标记语言:使用特殊符号进行标识的语言,一般使用标记
<开始标签>标签体</结束标签>
标签是可以嵌套的
<!-- 1 begin -->
<开始标签>
<!-- 2 begin -->
<开始标签>
<!-- 3 begin -->
<开始标签>标签体</结束标签>
<!-- 3 end -->
</结束标签>
<!-- 2 end -->
</结束标签>
<!-- 1 end -->
(1)标签有开始和结束相配套
(2)标签可以嵌套
(3)为了能够更好的区分,可以使用注释说明各个标签的匹配情况
超文本:HTML 不光能够表示文本内容、还能够标识各种
格式的文件(*.exe、*.pdf、*.doc、、)正是由于 HTML 可以
支持更多的数据格式,现在的 Web 应用程序功能越来越丰富。
在网页上做 PPT
在网页上编辑图片
在网页上玩游戏
HTML 是有 W3C 组织制定的一种语言,主要用于在浏览器
中把各自文字、图片、表格等数据按照一定的格式进行“排版”。
HTML 是从 XML 演变过来的,版本演化经历 1.0 2.0--4.0
目前使用最多的是 HTML 4.0 或者 XHTML 1.0(更严格的HTML)
HTML 5 最早由 Google 提出的,里面增加很多标签,
能够实现更多的特效,2014年会成为标准,
4、掌握 HTML 的基本语法--文件标签、内容排版标签、
字体、列表标签、表格标签、表单标签
HTML 基本标签
(1)文档类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2)HTML 基本标签
<html>
<head>头部</head>
<body>主体</body>
</html>
(3)head 中的内容
header 中的内容,不是给用户看的,给浏览器或搜索引擎
使用的。
<title>页面标题</title>
<meta /> 作用很多:指定网页传输内容类型MIME(text/html)、
网页中内容的字符编码、网页作者、版权、描述、关键字
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<!-- 搜索引擎 -->
<meta content="all" name="robots" />
<meta name="author" content="ajie33(at)gmail.com,阿捷" />
<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />
<meta name="description" content="新网页设计师,web标准的教程站点,推动web标准在中国的应用." />
<meta name="keywords" content="web标准,web标准教程,网站重构, css布局, xhtml, css,xhtml+css,layout, usability, w3cn, CSS+DIV" />
<link /> 链接外部的样式文件
<script src="xx.js" ></script> 链接外部的脚本文件
(4)body 中的内容
静态内容:
固定不变的文字、图片、、、、、
页面框架不变
动态内容:
根据时间、数量、等会动态变化的内容
显示数据或内容每天都变化
内容排版标签
给网页中的文字设置标题、段落、字号、上标、下标
标题有 6 级标题 <h1>......<h6>
段落 <p></p> <pre></pre>
链接 <a href="http://www.w3school.com.cn">这里是一个链接</a>
图片 <img src="图片路径" width="" height="" />
列表标签
表格标签
表单标签
HTML
最新推荐文章于 2024-04-25 12:56:00 发布