静态网页开发基础

基本标签(行级标签)

<p></p>文本标签

<h1></h1>...<h6></h6>指的是标题标签数字越大文字显示越小

<br/>换行

<hr/>横线

<image>图片标签支持以下图片形式

  <img alt="花花" src="images/招募图.jpg" width="80" height="80">

当图片与网页在同一级目录下使用src="招募图.jpg",上一级目录使用../如src=../"招募图.jpg",下一级目录src="images/招募图.jpg"。

超级链接

url指的是跳转的路径

HTML使用特殊字符

注释

XHTML规范

1.标签名和属性名称必须小写

2.HTML标签必须关闭

3.属性值必须引用引号括起来

4.标签必须正确嵌套

5.属性不能简写

6.必须添加文档类型声明

无序列表

有序列表

表格

表格中的合并行和列

 <table border="1" cellpadding="0px" cellspacing="0px" width="60%">
      <tr >
          <td colspan="3">哈哈哈</td>
      </tr>
      <tr>
          <td>adf</td>
          <td>adf</td>
          <td>adf</td>
          <td>adf</td>
      </tr>
      <tr>
          <td rowspan="2">adf</td>
          <td>adf</td>
          <td>adf</td>

      </tr>
  </table>

网页中当我们使用注册,登陆,实现数据提交时都要使用到表单。

method有两种提交方式"get"提交"post"提交,action=""或者"#"表示提交到当前页面。

表单元素<input/>标签

文本输入框

单选框按钮

其中name的值必须相同,checked="checked"默认选中如下面默认选中“男”

复选框按钮

按钮

提交按钮 type="submit"

重置按钮 type="reset"

普通按钮 type="button"

下拉列表

(<SELECT 属性>)

(<option 属性/>)

多行文本域(<textarea></textarea>)Text为默认值

时间: 2024-12-18 19:54:35

静态网页开发基础的相关文章

第一章---动态网页开发基础

动态网页开发基础 什么是动态网页? 误区: 初学者一般认为动态网页,就是会动的网页,实际上不是这样的. 动态网页: 是指在服务器端进行的,使用程序语言设计的交互式网页,它们会 根据某种条件的变化,返回不同的网页内容. 动态网页的优势: 1.交互性:即网页会根据用户的要求和选择而动态改变和显示内容 2.自动更新:即无须改变页面代码,便会自动生成新的页面内容,可以节省工作量 3.随机性:即当不同的时间,不同的人访问同一网址时会产生不同的页面效果 为什么学习B/S架构技术? 在学习B/S架构前,先了解

第一章动态网页开发基础

第一章:动态网页开发基础  动态网页:是指在服务器端运行的,使用程序语言设计的交互式网页,它们会根据某种条件的变化,返回不同的网页内容 动态网页需要使用服务器端的脚本语言,例如:JSP技术就是使用Java+HTML 动态网页的优势: 1:交互性:       网页会根据用户的要求和选择而动态改变和显示内容 2:自动更新:       无须改变页面代码,便会自动生成新的页面内容,可以大大节省工作量 3:随机性:     当不同的时间.不同的人访问同一网址时会产生不同的页面效果      例如:普通

静态网页开发技术-HTML

今天我重新复习了一下静态网页开发技术,概括如下. 一 .HTML文档结构与基本语法 :放置了标签的文本文档,可供浏览器解释执行的网页文件 1.注释标记 2.标记 3.属性 二.基本标记与使用 1.网页基本结构与标记 2.文本与段落标记 3.列表标签 4.超链接标签 5.图片标记 6.定时刷新或跳转 7.表格 三 HTML表单标签与表单设计 1.<FORM>标记及其属性 2  <INPUT>标记及其属性 3 <下拉列表框<SELECT>,<OPTION>

使用JSP/Servalet技术开发新闻发布系统------动态网页开发基础

什么是动态网页? 动态网页是指在服务器端运行的程序或者网页,它们会随不同客户.不同时间,返回不同的网页. 动态网页的特点? (1).交互性:即网页会根据用户的要求和选择而动态改变和响应.采用动态网页技术的网站可以实现与用户的交互功能. (2).自动更新:无需手动操作,便会自动生成新的页面,可以节省工作量. (3).随机性:即当不同的时间.不同的人访问同一网址时会产生不同的页面效果. 为什么需要动态网页? 静态网页不能真正与用户实现互动.静态网页的内容是固定的,当修改了网页中的元素的时候,都需要重

静态网页开发技术

静态网页是指可以由浏览器解释执行而生成的网页,其开发技术主要有HTML.JavaScript.和CSS.HTML是一组标签,负责网页的基本表现形式:JavaScript是在客户端浏览器运行的语言,负责在客户端与用户的互动:CSS是一个样式表,起到美化整个页面的功能. HTML(Hyper Text Markup Language)即超文本标记语言,是用来编写网页文件的标准,定义了一组标记(tag,也称标签)用来描述Web文档数据. 用HTML编写的超文本文档称为HTML文档(文件),是一个放置了

使用JSP/Server技术开发新闻发布系统第一章动态网页开发基础

      一:为什么需要动态网页    由于静态网页的内容是固定的,不能提供个性化和定制化得服务,使用动态网页可真正地与用户实现互动. 二:什么是动态网页  ①:动态网页是指在服务器端运行的,使用程序语言设计的交互网页,她们会根据某种条件的变化返回不同的网页内容.  ②动态网页需要使用服务器脚本语言. 三:动态网页的优势: ①        交互性:即网页会根据用户的要求和选择而动态改变和显示内容. ②        自动更新:即无時须改变页面代码,便会自动生成新的页面内容,可以大大节省工作量

jsp第一章 动态网页开发基础

动态网站可以实现交互功能,如用户注册.信息发布.产品展示.订单管理等等: 动态网页并不是独立存在于服务器的网页文件,而是浏览器发出请求时才反馈网页: 动态网页中包含有服务器端脚本,所以页面文件名常以asp.jsp.php等为后缀.但也可以使用URL静态化技术,使网页后缀显示为HTML.所以不能以页面文件的后缀作为判断网站的动态和静态的唯一标准. 动态网页由于需要数据库处理,所以动态网站的访问速度大大减慢: 动态网页由于存在特殊代码,所以相比较静态网页,其对搜索引擎的友好程度相对要弱一些.   动

静态网页开发技术总结

今天星期天 看完比赛后 觉得自己对静态网页这里并不是很到位 便准备再复习一遍 2.1 Html 网页设计 简单的例子: 浏览器显示 1.HTML分为单标记和双标记 2.标记  语法: <标记名称  属性名1="属性值" 属性名2="属性值" 属性名3="属性值".... 属性名n="属性值"> 常见的有align center color size width 3.注释标记 <!--注释内容--> 2.

动态网页开发基础【笔记】

一.C/S结构和B/S结构   1.C/S(Client/Server):客户端服务程序,控制台程序,window应用   2.B/S(Browser/Server):浏览器服务程序[java:jsp应用:C#:asp.net],web应用程序   区别:C/S:客户端和服务器端都需要开发,一一对应.             客户端和服务器端都需要维护             维护麻烦             安全性更高         B/S:只开发服务器端             只维护部署