ASP HTML知识.

Slides:



Advertisements
Similar presentations
HyperText Markup Language
Advertisements

《计算机网络技术》 动态网页制作技术 常用HTML控件课程积件 杨 姝.
第六章 网页设计与制作基础.
ASP.NET 網頁製作教本 -- 從基本語法學起
HTML第一课 李 伟 HTML开发语言基础.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
网页制作 第一讲
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
Web图片搜索引擎设计 ——基于文本的图片信息提取.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页 设计与制作.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
第五单元课1-3 层叠样式表.
第3章 HTML语言 3.1 HTML文档的基本结构 3.2 文字排版 3.3 图片排版 3.4 超级链接 3.5 表格 3.6 框架窗口
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
第6章 网页图像处理 通过本章学习,应该掌握以下内容: 能够选择合适的网页颜色 了解网页图像的基本格式 掌握使用网页图像的要点
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
網際網路的應用服務 – Web 概念與網頁語言
HTML.
第8章 样式表.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
CSS简介 WEB前端三剑客之二.
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
Google 自訂搜尋 淡江大學資訊中心 專案發展組 朱家璁 2009/10/6.
Speaker : Kuo Tung Yang 2010/03/30
湖北职院计科系.
教師: 陳明瑤 電郵: 網際網路應用-網頁設計3 教師: 陳明瑤 電郵:
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
留言版 1.先Create一個留言板的table
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
XSL: Extensible Stylesheet Language
無障礙網頁 公關室.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
主讲:陶建平 华中科技大学网络与计算中心
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
网 站 设 计 与 建 设 Website design and developments
网页制作基础 CNIC 王桦.
网站设计 前端 选择器(复习),表单.
Web应用开发.
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
网页设计与制作 Dreamweaver CS6 标准教程
Ch09 在網頁之間傳遞資訊 網頁程式設計.
主讲:陶建平 华中科技大学网络与计算中心
HTML 103 互動式網頁 助教:黃毓瑩.
網站(web) 授課:方順展.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
布局大师——表格.
HTML大探索.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
段磊 王慧锋 TEL: 数据库系统原理课程设计 实验环节4 段磊 王慧锋 TEL:
第6章 PHP的数据采集.
PHP程式設計 五、程式流程控制結構 建國科技大學 資訊管理學系 饒瑞佶.
表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。
教师:李金双 网页制作 教师:李金双
Presentation transcript:

ASP HTML知识

什么是HTML HTML超文本标记语言 一种特殊的语言,有别于VB、C等程序设计语言。 制作静态网页,不能制作交互性功能。 纯HTML页,为静态网页,文件后缀.htm或.html ASP页面为: HTML代码+ASP代码

标记(标签)和标记属性 例如: <img src="imgs/logo.jpg" width="280" height="83" /> <a href=“dep/jobguide/guideindex.asp” target=“_blank”>这是一个链接 </a>

WEB浏览器 IE Firefox 腾讯TT

开发工具 记事本 FrontPage Dreamweaver(DW)

基本语法 HTML的结构包括头部(Head)、主体(Body)两大部分。 通常是成对出现的,比如<body></body>。 也有单个出现,<br>, <hr>水平线 头部描述浏览器所需的信息;而主体则包含所要说明的具体内容。

标签属性 <body bgcolor=“red”>页面的背景色成为红色 <table border="0">将一个表格设成一个无边框的表格

文件头 头部信息不显示在正文, 用以说明文件标题和文件的公共属性。 关键词,有助于搜索引擎能够搜索到你的网页。<meta name="keywords" content="江西信息应用职业技术学院"> <meta name="keywords" content="江西信息学院"> <meta name="description" content="公办专科层次普通高校;江西省唯一的公办全日制信息类高职院;位于江西省南昌市"> <title>。。。</title>文件的标题。浏览器最顶端的标题栏。 <link rel="shortcut icon" href="http://www.jxcia.com/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Refresh" content="5;url=http://www.jxcia.com">

<style type="text/css"> <!-- .STYLE1 {color: #CCCCCC}td img {display: block;}td img {display: block;}td img {display: block;} .STYLE2 { color: #70A299; font-size: 4pt; --> </style>

<HTML> ---------------------------------------- 开始标签 <HEAD> --------------------------------------头部标签   <TITLE> 一个简单的HTML示例 </TITLE>   </HEAD>   <BODY> --------------------------------------主体标签   <CENTER>   <H1>欢迎光临我的主页</H1>   <BR>   <HR>   <FONT SIZE= 7 COLOR= red>   这是我第一次做主页   </FONT>   </CENTER>   </BODY>   </HTML> --------------------------------------- 结尾标签

<!--注解-->为代码加上说明,不被显示 <p>段落标记,留一空白行 <br>换行标记 <hr>插入一条水平线 <center>居中 <pre>预设格式 ,按照原始码的排列方式显示 <div> ,设定摆放位置

字体类 <strong>加重 ,字体加粗 效果 <b>粗体标记 <i>斜体标记 <u>加上底线 <h1>一级标题标记 <font>字体标记,通过其属性设定字形、大小、颜色

表格类 <table>表格标记 <tr> 行 <td> 单元格 border属性,表格的边界

框架类 使用框架,可以在浏览器窗口同时显示多个网页。每个框窗里设定一个网页,网页相互独立。 <frameset>框架标记

表单类 表单用于采集和提交用户输入的信息。 <form>表单标记 <input>输入标记 input type=“text” 单行文本输入框 input type="password" 密码输入框(输入的文字用*表示) input type=“submit” 提交按钮 input type=“checkbox” 复选框 input type="radio" 单选框 <textarea>文字区块 <select>选择标记 ,下拉式列表选择

<form method="POST" action=“1.asp"> <table border="0" > <tr> <td width="20%">用户:</td> <td width="80%">  <input type="text" name=UserName size=15></td> </tr> <td>口令:</td> <td>  <input type="password" name=Password size=15></td> <td>验证:</td> <td>  <input type="text" name=Passwordok size=6>  <img src=getcode.asp border=0></td> <td><input type="submit" name="Submit" value="提交"></td> <td> </td> </table> </form>

其他 <img>图形标记,<img src = “../images/html_tutorials/smile.jpg” alt=“黄山"> <a>链接标记 ,<a href=“url” target“_blank”>链接的显示文字</a> ,使用target属性,可以在一个新窗口里打开链接文件。<a href=“mailto:jxciazb@126.com”>联系站长</a> <bgsound>背景声音 <embed>加入声音、音乐或影像 <link>定义该网页与其他文件的关系 <style>样式表,控制网页版面  表示空格

©版权 ®注册商标

相对路径和绝对路径 在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。 ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。 引用下级目录的文件,直接写下级目录文件的路径即可。