HTML—one

时间:2022-04-22 18:21:38

1.我们做一个完整的网页,要做三个部分

前端部分:Html(是一种超文本标记语言,网页)+css(网页外观)+js(执行动作,特效)

数据库:sqlserver

动态部分:.net(平台),c#(语言),vs(平台)

前端部分就是静态网页,静态网页就是,我们打开一个网页我们看到的部分,它不涉及跟数据库的交互,html是够成我们网页最基本的

动态网页:涉及和数据库的交互

1.1我们用一个图来看一下它们的执行过程:

客户端:我们的访问者,打开一个网页,输入网址,实际上是在向服务端发送一个请求

服务端:我们的网站时部署在服务器上,我们的服务器部署在IIS上,当我们的IIS收到请求,就去查看网页是什么类型,静态的话浏览器会自动识别,要是动态的话,它就把这个交给ado.net,实现和数据库的交互

HTML—one

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/>水平线及它的一些属性:

HTML—one

例子:<hr size=”10px” width=”200px”  align=”center” color=”#ffffff”/>

(4)&nbsp;空格

(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)img标记    路径:

12.1.demo.html

qq.jpg   她们同级目录要调用 ../上一级目录

HTML—one

相对路径:2上它的上一级   写../2/qq.jpj

绝对路径:全部路径

HTML—one ../1/2/qq.jpg

HTML—one

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

HTML—one

<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:一定要写才能实现跳转

随机推荐

  1. APP注释代码

    <meta name="viewport" content="width=device-width,height=device-height,inital-scal ...

  2. Windows Server 2008R2服务器安装及设置教程

    第一篇:系统安装与设置 前言本安装及设置教程适用于使用Windows2008R2为操作系统的服务器,目的是让服务器实现下列环境.语言脚本环境:ASP.ASP.Net1.1.ASP.Net2.0.ASP ...

  3. 【转】【C&plus;&plus;】ShellExecute&comma; WinExec&comma; CreateProcess 三者的区别

    ShellExecute ShellExecute的功能是运行一个外部程序(或者是打开一个已注册的文件.打开一个目录.打印一个文件等等),并对外部程序有一定的控制. 有几个API函数都可以实现这些功能 ...

  4. python&&num;39&semi;s descriptor II

    [python's descriptor II] For instance, a.x has a lookup chain starting with a.__dict__['x'], then ty ...

  5. 我终于解决UM编辑器了 泪&period;&period;&period;&period;&period;&period;

    气死我了..... 好不容易测试好了....更显得我笨了..... 原来....什么都不用改   只改了2个小位置....真的是.....回首自己 不敢看 0.0 OK  记下步骤  以免以后忘记 将 ...

  6. 中国A股市场缘何遭遇9连跌?

    端午长假刚过,当投资者对“红六月”预期信心满满的时候,A股市场却遭遇了诡异的跌势,截止6月17日收盘,A股出现了罕见的“9连跌”.不仅上证综指失守2200点年线整数位,深证成指跌幅则高达3%以上,而且 ...

  7. C&plus;&plus; STL源代码学习之算法篇

    ///因为篇幅太长,因此,删去了非常多接口,仅仅分析了内部实现,算法对迭代器的要求也被删去 /// search. template <class _ForwardIter1, class _F ...

  8. Oracle中的游标的原理和使用详解

    游标的简介 逐行处理查询结果,以编程的方式访问数据. 游标的类型: 1,隐式游标:在 PL/SQL 程序中执行DML SQL 语句时自动创建隐式游标,名字固定叫sql. 2,显式游标:显式游标用于处理 ...

  9. 10个html5增加的重要新特性和内容

    文章开篇之前我们先了解一下什么是html5,百度上是这样定义html5的:万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改. 其实说白了html5也就是人为定义 ...

  10. 第十四节&colon; EF的三种模式&lpar;四&rpar; 之 原生正宗的 CodeFirst模式的默认约定

    一. 简介 1. 正宗的CodeFirst模式是不含有edmx模型,需要手动创建实体.创建EF上下文,然后生成通过代码来自动映射生成数据库. 2. 旨在:忘记SQL.忘记数据库. 3. 三类配置:On ...