WebBasic

1.web应用体系

课程大纲

1.web基础：做网页

    2.结构：

        a.html

            勾勒网页结构及内容

        b.css

            美化网页

        c.JavaScript<重点>

            呈现动态数据和效果

    3.JavaScript:

        --Java程序员使用JS实现页面的业务逻辑

        --美工做出静态页面(html+css)

设备

Chrome、thinkpadX、thinkpadT、mac

web三要素和http

2.html

html(HyperText Markup Language)

    1.html与xml

        1）XML可扩展标记语言(传输或存储数据)

        a.标签、属性可扩展，元素间的嵌套关系可扩展

        b.标签

            双标签：<标签名></标签名>

            单标签：<标签名/>

            关系：<标签名/> == <标签名>内容为空</标签名>

        c.属性

            定义在开始标签,属性名无序不重复,属性名="属性值"

        d.元素

            <标签名 属性名="属性值">内容</标签名>

        2）HTML超文本标记语言(显示数据)

        a.语法固定

            标签，属性，元素嵌套关系固定

        b.html基本结构

            <!-- html是唯一的根 -->

            <html>

                <head>

                    <!-- 设置文档标题，编码，引入的资源 -->

                </head>

                <body>

                    <!-- 页面上显示的内容 -->

                </body>

            </html>

html标签

1.<!DOCTYPE>指定版本：带X的是w3发布的，其他的都是各个公司发布的

    <!DOCTYPE html>声明为html5文档

    2.<title>指定网页标题

        <title>标题</title>

    3.乱码问题

        1>指定html文档格式为utf-8

        2><head>

            <!-- html4标准 -->

              ×<meta http-equiv="content-type" content="text/html;charset=utf-8"></meta>

            <!-- html5标准 -->

            √<meta charset="utf-8"/>

          </head>

    

    文本处理

    4.标题元素

    <h#>...</h#>  #=1,2,3,4,5,6

    5.段落元素

    <p></p>

    6.列表

    有序列表<ol>、无序列表<ul>、列表项<li>

    <!-- 有序列表 -->

    <ol>

        <li>AA省</li>

        <li>BB省</li>

    </ol>

    <!-- 无序列表 -->

    <ul>

        <li>AA市</li>

        <li>BB市</li>

    </ul>

    <!-- 列表嵌套 -->

    <ol>

        <li>

            AA省

            <ul>

                <li>AA市</li>

            </ul>

        </li>

        <li>BB省</li>

        <li>CC省</li>

    </ol>  

    7.div(块级标签)

    1)块级元素<p>、<div>、<h#>

    2)行内元素<span>、<a>

    <div></div>多用于确定网页结构

    8.行内元素

    1)<span></span>

    你好<span style="">你好</span>你好

    加粗:<strong></strong>、<b></b>

    斜体:<i></i>、<em></em>

    下划线:<u></u>

    删除线:<del></del>

    2)空格折叠

    内容内多个空格当作一个空格处理

    <br/>换行


    9.图片标签

    相对路径与绝对路径

    <img src="data:image's path" width="宽" height="高">

    10.超链接元素

    <a href="链接http://www.baidu.com" target="打开方式:_blank/_self">文本</a>

    锚点:

        <a name="top"></a>

        <a href="#top">去顶部</a> === <a href="#">去顶部</a>

    11.表格

    <table border="像素:1px" width height align:对齐 cellpadding:单元格与内容间距 cellspacing:单元格间距>

        <tr align/valign:对齐>

            <td align/valign/width/height/colspan跨行/rowspan跨列></td>

        </tr>

    </table>

    表分组:目的是为了方便组内元素设置样式和编程(JS)

    <table>

        <thead><!-- 标题行 -->

            <tr>

                <td></td>

            </tr>

        </thead>

        <tbody><!-- 数据行 -->

            <tr>

                <td></td>

            </tr>

        </tbody>

        <tfoot><!-- 结尾行(总计) -->

            <tr>

                <td></td>

            </tr>            

        </tfoot>

    </table>

继续学习

http://http://www.w3school.com.cn/

web基础--html的更多相关文章

  1. Golang友团无闻Go语言Web基础视频教程

    教程内容:GO语言资料Golang友团无闻Go语言编程基础Golang友团无闻Go语言Web基础教程 Go语言Web基础教程列表:[Go Web基础]12Go Web 扩展学习.mp4[Go Web基 ...

  2. HT for Web基础动画介绍

    在上一篇<基于HT for Web矢量实现3D叶轮旋转>一文中,我略微提了下HT for Web基础动画的相关用法,但是讲得不深入,今天就来和大家分享下HT for Web基础动画的相关介 ...

  3. Web基础开发最核心要解决的问题

    Web基础开发要解决的问题,往往也就是那些框架出现的目的 - 要解决问题. 1. 便捷的Db操作: 2. 高效的表单处理: 3. 灵活的Url路由: 4. 合理的代码组织结构: 5. 架构延伸 缓存. ...

  4. java web基础环境搭建

    java web基础环境包括:(1)servlet容器也即tomcat(2)jre即java程序运行环境 环境变量配置:分别下载jdk和tomcat安装包. jdk环境变量配置: 第一步:系统环境变量 ...

  5. Web基础知识和技术

    WEB是一个外延广泛的概念,不单单指网站,乌徒帮专注拥有WEB界面的网站开发,帮助初学者或已经进入开发的朋友们提供参考讨论平台,然而并不一定能将所有的WEB知识讲全讲透,只是能满足初涉者的建站需求,能 ...

  6. java web基础 --- URL重定向Filter

    java web基础 --- URL重定向Filter httpRequest.getRequestDispatcher("/helloWorld").forward(httpRe ...

  7. （0）写给Web初学者的教案-----Web基础

    0,Web基础 一.    What is the Web? Can It Eat? 很多同学可能都听说过一个名词叫做“Web”,这个词隐隐约约好像和我们上网相关.但是呢,又很难说的清楚.我们今天每位 ...

  8. web基础系列(五)---https是如何实现安全通信的

    https是如何实现安全通信的 如果有不正确的地方,还望指出! web基础系列目录 总结几种常见web攻击手段极其防御方式 总结几种常见的安全算法 回顾 总结几个概念(具体描述可以看上一篇文章) 数字 ...

  9. web基础笔记整理(一)

    一.程序的分层 1.界面层: 某种类型的应用程序 a.DOS(控制台运行) b.桌面应用程序--独立安装,独立运行 c.web类型--现在流行的 单机版:电脑上要安装,程序升级之后,电脑上也要升级-- ...

随机推荐

  1. 尝试跑一跑Scut

    前段时间都在用 IIS+WCF+Redis+MSSQL 的框架做服务器,前段时间看到了 Scut 的开源框架,整个架构还是蛮干净整洁的... 今天抓来跑一跑. 按照教程安装好所有的环境,版本是6.7. ...

  2. The working copy xxxx needs to be upgraded to Subversion 1.7.

    原因是我在svn是低版本时候checkout的项目 而对方用的版本比我高 然后 我运行这个项目  就要求我  更新 如果我选择   对项目进行upgrade. 当 upgrade后 我的项目就在 现有 ...

  3. cf C. Counting Kangaroos is Fun

    http://codeforces.com/contest/373/problem/C 贪心,先排序,然后从n/2位置倒着找每一个可不可以放到别的袋鼠内. #include <cstdio> ...

  4. 属性动画（Property Animation）资源

    Animator 代表一个属性动画,但它只是一个抽象类,通常会使用它的子类:AnimatorSet.ValueAnimator.ObjectAnimator.TimeAnimator. 定义属性动画的 ...

  5. 【git】git常用命令简介

    使用Git也好长时间了,但一直没系统的学习过,现在总结以下工作中用到的,记录以下,以后忘记了可以来看看. 因为操作系统是Windows,所以将简单介绍一下通过git bash命令行的使用: 本文将不介 ...

  6. 《SDN核心技术剖析和实战指南》2.4 OVS交换机实现分析小结

    Open vSwitch(OVS)是一款基于软件实现的开源交换机.它能够支持多种标准的管理接口和协议以及跨多个物理服务器的分布式环境.特别地,OVS提供了对OpenFlow协议的支持,并且能够与众多开 ...

  7. C++ 匿名名字空间及静态非成员函数

    在C++中,static有一个感觉被较少提及的用法:修饰非成员函数,这个用法实际是从C语言继承来的.其作用是表明这个函数只在当前编译单元中有效.这就使这个函数的所有引用在编译时就可以全部确定,无需进入 ...

  8. ORACLE的RMAN

    1.什么是RMAN? RMAN可以用来备份和还原数据库文件.归档日志和控制文件.它也可以用来执行完全或不完全的数据库恢复. 注意:RMAN不能用于备份初始化参数文件和口令文件. RMAN启动数据库上的 ...

  9. SQL - 添加外键

    不解释: ---先创建外键的column ALTER TABLE tblLicenses ADD ProductID int not null; ---添加外键 ALTER TABLE tblLice ...

  10. heap(堆)和stack（栈）的区别

    heap是堆,stack是栈 stack的空间由操作系统自动分配/释放,heap上的空间手动分配/释放. stack空间有限,heap是很大的自由存储区 C中的malloc函数分配的内存空间即在hea ...