html

软件的结构:

C/S(Client  Server)结构的软件:

比如: QQ、 极品飞车、 飞信 、 迅雷

cs结构的软件的缺点:更新的时候需要用户下载更新包然后再安装,程序员则需要开发客户端与服务端。

cs结构软件的优点: 减轻服务端的压力,而且可以大量保存数据在客户端。

B/S(Browser Server)结构的软件:

比如: 微博 、 webQQ 、 web飞信、 web迅雷

优点:软件版本升级的时候不需要用户下载更新包,直接更新服务器的程序即可。程序员则只需要开发服务端而已。

缺点:增加了服务端的压力,bs结构的软件不能保存大量的 数据在用户机上。

网站的类别:

静态网站: 静态网页中的数据都是写死的,如果需要修改网页的内容是需要直接修改网页的代码。 是没有数据库提供数据给它。

动态网站: 动态网站的数据是来自于数据库的,背后是有一个后台程序管理页面中数据的。

html 语言就是开发网页的基础语言:

html(超文本标记语言)

标记 : 该门语言是有标签来构成的。 学习html不用怎么去理解,只要需要记住标签的作用即可。

html语言的特点:

1. html语言是与平台无关的,任何平台只需要安装了浏览器都可以运行。

2.html 是不区分大小写的。

html语言的结构:

html语言的根标签.

网页的头信息

头信息的作用:1.可以设置网页的标题 

 2.可以通知浏览器使用指定的编码解释html页面:例如

<meta http---equiv="content-type"  context="text/html; charset=utf-8" />

这句话的意思是:这个标签描述了我这个网页内容,我的网页内容啊只不过是文本形式存在的html页面,这些信息用UTF-8格式打开。

3 一个网页的关键字最好是3-4个,seo(搜索引擎优化);

.<meta name="keywords" content="java培训,php培训, c#培训"/>

html标签最上面的内容是文档声明部分,不用管它,用来约束的

网页的体部分

html的注释:<!-- 注释的内容 -->

------------------------------------------------------------------------------------------------------------------------

html常用的标签:

<h1> <h6>表示是一个标题

<p>段落标签

<hr/>水平线标签

<br/>换行标签

<sub>下标

<sup>上标

<pre>原样标签: 原样标签会保留空格和换行符。

<ol> <li>有序的列表标签、

<ul> <li>无序的列表标签。

    项目列表标签(dl dt dd)  

  行内标签(span)   

 块标签     div标签的内容会独立占一行。    

    html的标签作用:用于描述一个网页的结构的。如果需要操作数据的样式:通过标签的属性操作的。

 标签的类型: 1. 有开始标签与结束标签。<p></p>需要把网页的数据内容封装到标签中。

    2. 开始标签与结束标签都是在一个标签体内的。  比如:<hr/>功能单一不需要封装数据到标签中。


今晚吃啥好呢?

<ol type = "a">

<li>火锅</li>

<li>烤鸭</li>

<li>烤鱼</li>

</ol>

中午吃啥好呢?

<ul type ="square">

<li>木桶饭<li>

<li>猪脚饭</li>

<li>白切鸡</li>

</ul>

--------------------------------------------------------------------------------------------------------------------------

为什么要学实体标签:

因为> < 等一些符号在html页面中是有着特殊含义,这些字符如果需要在页面中显示,这时候就应该使用实体标签。

常用的实体字符:

空格     

小于号    &nbsp;

大于号    &lt;

-----------------------------

人民币    ¥;&yen;

版权      &copy;

商标      &reg

-------------------------------------------------------------------------------------------------------------------------

媒体标签:

<embed></embed>

hidden:设置隐藏插件是否隐藏

src:用于指定音乐的路径

<embed src ="1.mp3"></embed>

<marquee>飘动标签

direction:指定飘动的方向

scrollamount:指定飘动的速度

loop:指定飘动的次数

-----------------------------------------------------------------------------------------------------------------------

<a>超链接标签

a标签常用的属性:

href  : 用于指定链接的资源

target: 设置打开新资源的目标。   

 _Blank 在独立的窗口上打开新资源  

 _self 在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

格式:

file:\\\f:\美女\1.jpg

a标签的原理:

1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先    会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。            2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。        3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册    表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。    邮件 的协议: mailTo迅雷的协议: thunder 超链接标签的作用: 1. 可以用于链接资源。    2. 锚点点位.      1. 首先编写一个锚点  锚点的格式:数据2. 使用a标签 的herf

<table>表格标签

表格中使用的标签

<table>表格

<tr>行

<td>单元格

<th>表头 默认的样式是居中,加粗。

<caption >表格的标题

表格常用的属性:

border  设置表格的边框

width : 设置表格的宽度

height: 设置表格的高度的。

colspan: 设置单元格占据指定的列数。

rowspan : 设置单元格占据指定的行数。


---------------------------------------------------------------------------------------

表单标签: 表单标签的作用是用于提交数据给服务器的。

表单标签的根标签是标签

常用的属性:

action: 该属性是用于指定提交数据的地址。

method: 指定表单的提交方式。

get : 默认使用的提交方式。  提交的数据会显示在地址栏上。

post :  提交的数据不会显示在地址栏上。

注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。

// 文本输入框 type=“”text“”;

<input  name="userName" type="password"> 密码

单选框  checked=true type= radio

下拉框<select name = "city">

<option value="BJ">BJ</option>

<option value ="SH">SH</option>

复选框 《复选框name的属性值要一致》

type= checkbox

文本域:个人简介

《textarea name=“”“dsf” rows="10", cols="30"》</textarea>

sumbie 提交  reset 重置



























属性连接到锚点出。  href=”#锚点的名字“

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,224评论 1 41
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,727评论 1 92
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,042评论 0 1
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,036评论 0 16
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,077评论 2 21