HTML—one
1.我们做一个完整的网页,要做三个部分
前端部分:Html(是一种超文本标记语言,网页)+css(网页外观)+js(执行动作,特效)
数据库:sqlserver
动态部分:.net(平台),c#(语言),vs(平台)
前端部分就是静态网页,静态网页就是,我们打开一个网页我们看到的部分,它不涉及跟数据库的交互,html是够成我们网页最基本的
动态网页:涉及和数据库的交互
1.1我们用一个图来看一下它们的执行过程:
客户端:我们的访问者,打开一个网页,输入网址,实际上是在向服务端发送一个请求
服务端:我们的网站时部署在服务器上,我们的服务器部署在IIS上,当我们的IIS收到请求,就去查看网页是什么类型,静态的话浏览器会自动识别,要是动态的话,它就把这个交给ado.net,实现和数据库的交互

2.HTML的主题结构:
<html>
<head>
<title>这是标题</title>
<head>
<boby>
</boby>
</html>
3.XHTML1.0通过什么版本解析指定文档申明
标签命名空间,这些标签都是来自这个网页指定文档说明
指定编码
4.Html和html5的区别:
Html是我们常用的xhtml1.0版本
html5在现有的版本上增加了特性
5.html是由一个个的标记组成<>这个东西叫标签
(1)<p></p>段落标签
例子:<boby>
<p>hello everyone!</p>
</boby>
注释<!-- -->
(2)<br/>换行
(3)<hr/>水平线及它的一些属性:

例子:<hr size=”10px” width=”200px” align=”center” color=”#ffffff”/>
(4) 空格
(5)<center></center>位置居中
(6) <h1>这是字体最大号标签</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
(7) 特殊文字样式标签:
<b>粗体</b> <i>斜体</i> <u>下划线</u> <s>删除线</s> <sup>将文字以上标字体的方式显示</sup> <sub>将文字以下标字体的方式显示</sub>
(8)boby的一些属性: Bgcolor:背景颜色 backgroud:背景图片 Text:网页boby里面的所有字体颜色
(9)注意:我们建立项目的时候,相同类型的文件放在同一类型的文件夹中,有助于区分。js做js分,cs做cs分
虽然有些html中可以用自己的属性去处理外观,但是实际开发中不会用它自己的属性去处理,而用css
(10) 列表标签:做导航,做菜单,分为有序列表和无序列表
<ol>
<li>这是有序列表</li>
</ol>
编号形式:type属性 Type=1 或A 或a或I 或i 设置编号的开始序号star属 性Start=n (只能是数字)
<ul>
<li>这是一个无序列表</li>
</ul> pasting
eg: 做一个嵌套例子:
<ul>
<li>公司简介
<ol>
<li>公司文化</li>
</ol>
</li>
<li>公司信息</li>
</ul>
(11).table表格控件
<table>
<tr>
<td>属性</td>
<td>功能</td>
</tr>
<tr>
<tr colspan="2"></td>
</tr>
</table>
Rowspan合并列、 colspan合并行
12.1.demo.html
qq.jpg 她们同级目录要调用 ../上一级目录

相对路径:2上它的上一级 写../2/qq.jpj
绝对路径:全部路径
../1/2/qq.jpg

../../ch6/dir2/sea.jpg ch7_2.htm[上一级上一级的下的ch6下一级下的下一级]

<img src="img/one.png"alt="没有找到图片“/>alt找不到图片的时候的提示
(13)超链接标记:<a href ="#链接位置"></href>当前页面打开
<a href =”www.baidu.com" target="_blank"></href>在新的页面打开
<a href="javascrift:;" target="_blank">谷歌</href>
图片链接:
<a herf="http://www.baidu.com><img src="img/one.jpg"></href>
http:一定要写才能实现跳转
随机推荐
- img标签中的图片加载异常时显示默认的图片
备忘:
- 高吞吐量的分布式发布订阅消息系统Kafka--安装及测试
一.Kafka概述 Kafka是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据. 这种动作(网页浏览,搜索和其他用户的行动)是在现代网络上的许多社会功能的一个关键因 ...
- 康力优蓝机器人 -- 优友U05类人型机器人发布
[寒武计划]优友U05类人型机器人发布: http://digi.tech.qq.com/a/20151124/043234.htm?pgv_ref=aio2015&ptlang=2052 北 ...
- Web功能之组织结构图
前提:由于项目需要显示组织结构图的形式 工具:VS2010 项目:ASP.NET 自带的web项目 (带模板页) 插件:OrgChart(依赖:OrgChart.dll).JOrgChart 不多说 ...
- 3种归并操作js代码
/**良哥的*/ function merge(a, b) { var aLen = a.length, bLen = b.length, maxLen = Math.max(aLen, bLen), ...
- java--遍历自定义数组
比如像下面这样 for (int i : new int[]{1,4,8}){ System.out.println(i); } 或者这样: for (String i : new String[]{ ...
- 转载好文:如何进行基于情境数据的个性化EDM数据营销
根据Adobe和DMA(Direct Marketing Association)的<实时营销洞察报告> (Real-Time Marketing Insights Study),77%的 ...
- Reactor模式与Proactor模式
该文章总结了网上资源对这两种模式的描述 原文地址:http://www.cnblogs.com/dawen/archive/2011/05/18/2050358.html 1.标准定义 两种I/O多路 ...
- 【转载】linux内核启动android文件系统过程分析
主要介绍linux 内核启动过程以及挂载android 根文件系统的过程,以及介绍android 源代码中文件系统部分的浅析. 主要源代码目录介绍Makefile (全局的Makefile)bioni ...
- google chrome set
"D:\Program Files\Google\Chrome\Application\chrome_bk.exe" --start-maximized --user-data-d ...