HTML

目标
    了解 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="" />
    
     列表标签
    
     表格标签
    
     表单标签

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值