HTML入门笔记

第一阶段 Lesson1 HTML 1

² 什么是HTML? CSS? Javascript? 1

² HTML最基本的知识: 2

1. HTML最基本的格式: 2

2. HTML的基本元素及使用方法,作用 3

² 走马灯效果 4

² 知识普及(CRM,ERP,MIS) 4

² web开发(前端,后台) =>(最好成)web解决方案 5

² 未来软件开发的趋势: SAAS :soft as a service   软件就是服务 5

第一阶段 Lesoon 2 表格,表单,框架 6

² 表格,表单,框架(table,Form,frameset) 7

² 不用表格布局的原因?(加载速度慢) 8

² 表格如何随窗体的大小变化而变化?(还不懂,涉及到JS) 8

 

第一阶段 Lesson1 HTML

今天培训上课的是关于HTML的知识.

² 什么是HTML? CSS? Javascript?

 1. HTML是超文本标记语言,是用来构成网页开发的最基本的东西,     它相当于一个没穿衣服的人.

 2. CSS(层叠样式表)的作用相当于人的衣服

 3.JavaScript(脚本编程语言)相当于一个动作导演,一个人不仅要穿衣服,还要有一些动作才能让这个人看起来更生动

 

²  HTML最基本的知识:          

首先,我们要知道HTML中有120个  元素|标记语言,而常用的就没有那么多了.我们近期的目标就是能手写代码,当然等你熟悉了,那个就可以用DW工具来写了. 每个公司规定写HTML的格式可能不一样,比如要求每一级空两格空格而不是一个tab,还有大小写也有规定,            现在在以恒教育中规定是: 全部用小写

 

1. HTML最基本的格式:

<html>     

     <head>   ---头部  

          <title> 内容</title>

     </head>

     <body>   ---主体

     </body>

</html> 

 

2. HTML的基本元素及使用方法,作用                         

HTML元素及使用方法

作用

<font size="xxx" color="red"> xxxxxxxxx   </font>   

 字体元素                             

<p>   xxxxxx </p>      

段落

<b> xxx<b/>      

加粗

 <i> xxx</i>

斜体

<ol>

  <li> xxx  </li>

  <li> xxx  </li>

</ol>

-----------------------------------------------------

<ul>

  <li> xxx  </li>

  <li> xxx  </li>

</ul>

1 aaa

2 bbb

3 ccc




· aaa

· bbb

ccc

<img src="URL" width="xxx" height="xxx" alt="xxx"/>

图片

4 <a href="http://网址" >  xxx </a>

5 <a href="mailto:邮箱"> xxx</a>

6 <a href ="#name">  xxx</a>

<a href="xxx.html">   xxx  </a>

7 超链接
www.baidu.com

mailto:zhongxia@qq.com

9 #top

index.html

² 走马灯效果

JavaScript

作用        

<marquee direction="up/left/right">             
  xxxx
</marquee>

默认从左边一直移动,可以自己设置

<marquee οnmοuseοver="this.stop"></marquee>

<marquee οnmοuseοut="this.start"></marquee>

当鼠标经过xxx上方,就停止,
离开上方就继续移动

 

 

 

² 知识普及(CRM,ERP,MIS)

CRM:客户关系管理系统   

ERP:企业资源管理(定位)系统

     eg:用友/金蝶/管家婆/联想/HP

MIS:企业微型软件系统      

     eg:QQ,自己开发的软件

 

² web开发(前端,后台) =>(最好成)web解决方案

web前端开发(界面)                          

  web后台开发(数据处理和访问)                               

HTML

CSS

JavaScript

   PS(*)

ASP.NET  | JSP/..|PHP

DB: SQL Server | DB2 | Oracle

web Service

 

² 未来软件开发的趋势: SAAS :soft as a service   软件就是服务

 eg:来电显示  

 

 

第一阶段 Lesoon 2 表格,表单,框架

 

² 表格,表单,框架(table,Form,frameset)

<table>
  <tr colspan="2">
     <td>   </td>
  </tr>

   <tr> 

     <td>   </td>
  </tr>

</table>

表格的格式
以前的话,08年之前主要都是用表格来布局的
但是表格布局有一个很大的缺点
缺:要等所有的表格加载出来才能显示出来
优点:就是简单,可以做的很精细

合并行就看单元格最上面的行在哪里就在哪一行合并row行
col列

<form action="服务器" method="post/get选一个">
  用户名:<input type="text" />
  <br/>
  密码:<input type="password" />
  <br/>

  性别:<input type="radio" name="sex"/>男
  <input type="radio" name="sex"/>女
  <br/>

  <input type="checkbox" name="ah" checked/>web开发        <input type="checkbox" name="ah"/>HTML  

    <br/>

   <select>

      <option selected>  无经验   </option>

      <option>  一年经验    </option>

   </select>


    <input type="reset" value="不同意"/>

    <input type="submit" value="同意"/>


</form>

 

 



这个是一个表单.表单的掌握只要差不多这样就差不多了.
post  传输是加密的,
get   传输是明文的

单选框中Name要一样才能实现单选的效果

复选框的name也要一样


checked  
seleceed
是默认选那个选项的意思

 

 

 

 

 

 

 

 

reset / submit要出效果,要把Reset/submit放在Form中

<frameset cols="20%,*">
  <frame src="top.html"/>  
  <frameset rows="20%,*"/>
       <frame src="left.html">
       <frame src="main" name="main"/>
    </frameset>
</frameset>

框架
可以嵌套着使用,
懂得分割..然后具体问题具体分析

 

² 不用表格布局的原因?(加载速度慢)

以后布局通常用的是DIV+CSS因为这个布局有一个表格布局没有的好处就是加载的速度比较快.是一部分一部分加载的.而表格是全部加载完才能小时出来的

 

² 表格如何随窗体的大小变化而变化?(还不懂,涉及到JS)

表格的使用要注意表格的单元格会随单元格里面的东西的大小而随之改变,所以,在td中有时候要用width来固定它的大小,不过有时候width不起作用,暂时不懂为什么。

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值