Download presentation
Presentation is loading. Please wait.
1
ASP HTML知识
2
什么是HTML HTML超文本标记语言 一种特殊的语言，有别于VB、C等程序设计语言。 制作静态网页，不能制作交互性功能。
纯HTML页，为静态网页，文件后缀.htm或.html ASP页面为： HTML代码+ASP代码
3
标记（标签）和标记属性 例如： <img src="imgs/logo.jpg" width="280" height="83" /> <a href=“dep/jobguide/guideindex.asp” target=“_blank”>这是一个链接 </a>
4
WEB浏览器 IE Firefox 腾讯TT
5
开发工具 记事本 FrontPage Dreamweaver(DW)
6
基本语法 HTML的结构包括头部（Head）、主体（Body）两大部分。
通常是成对出现的，比如<body></body>。 也有单个出现，<br>， <hr>水平线 头部描述浏览器所需的信息；而主体则包含所要说明的具体内容。
7
标签属性 <body bgcolor=“red”>页面的背景色成为红色
<table border="0">将一个表格设成一个无边框的表格
8
文件头 头部信息不显示在正文, 用以说明文件标题和文件的公共属性。
关键词，有助于搜索引擎能够搜索到你的网页。<meta name="keywords" content="江西信息应用职业技术学院"> <meta name="keywords" content="江西信息学院"> <meta name="description" content="公办专科层次普通高校；江西省唯一的公办全日制信息类高职院；位于江西省南昌市"> <title>。。。</title>文件的标题。浏览器最顶端的标题栏。 <link rel="shortcut icon" href=" /> <link href="style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Refresh" content="5;url=
9
<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>
10
<HTML> ---------------------------------------- 开始标签
<HEAD> 头部标签 <TITLE> 一个简单的HTML示例 </TITLE> </HEAD> <BODY> 主体标签 <CENTER> <H1>欢迎光临我的主页</H1> <BR> <HR> <FONT SIZE= 7 COLOR= red> 这是我第一次做主页 </FONT> </CENTER> </BODY> </HTML> 结尾标签
11
<!--注解-->为代码加上说明，不被显示
<p>段落标记，留一空白行 <br>换行标记 <hr>插入一条水平线 <center>居中 <pre>预设格式 ，按照原始码的排列方式显示 <div> ，设定摆放位置
12
字体类 <strong>加重 ，字体加粗 效果 <b>粗体标记 <i>斜体标记
<u>加上底线 <h1>一级标题标记 <font>字体标记，通过其属性设定字形、大小、颜色
13
表格类 <table>表格标记 <tr> 行 <td> 单元格 border属性，表格的边界
14
框架类 使用框架，可以在浏览器窗口同时显示多个网页。每个框窗里设定一个网页，网页相互独立。 <frameset>框架标记
15
表单类 表单用于采集和提交用户输入的信息。 <form>表单标记 <input>输入标记
input type=“text” 单行文本输入框 input type="password" 密码输入框(输入的文字用*表示) input type=“submit” 提交按钮 input type=“checkbox” 复选框 input type="radio" 单选框 <textarea>文字区块 <select>选择标记 ，下拉式列表选择
16
<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>
17
其他 <img>图形标记，<img src = “../images/html_tutorials/smile.jpg” alt=“黄山"> <a>链接标记 ，<a href=“url” target“_blank”>链接的显示文字</a> ，使用target属性，可以在一个新窗口里打开链接文件。<a <bgsound>背景声音 <embed>加入声音、音乐或影像 <link>定义该网页与其他文件的关系 <style>样式表，控制网页版面 表示空格
18
©版权 ®注册商标
19
相对路径和绝对路径 在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 ../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 引用下级目录的文件，直接写下级目录文件的路径即可。
Similar presentations
