软件的结构:
   cs结构的软件的缺点:更新的时候需要用户下载更新包然后再安装,需要开发客户端与服务端。
   cs结构软件的优点: 减轻服务端的压力,而且可以大量保存数据在客户端。
   C/S(Client  Server)结构的软件:QQ、 极品飞车、 飞信 、 迅雷
   B/S(Browser Server)结构的软件: 微博 、 webQQ 、 web飞信、 web迅雷
   优点:软件版本升级的时候不需要用户下载更新包,直接更新服务器的程序即可。只需要开发服务端。
   缺点:增加了服务端的压力,bs结构的软件不能保存大量的 数据在用户机上。
网站的类别:
   静态网站: 静态网页中的数据都是写死的,如果需要修改网页的内容是需要直接修改网页的代码。 是没有数据库提供数据给它。
   动态网站: 动态网站的数据是来自于数据库的,背后是有一个后台程序管理页面中数据的。
html 语言就是开发网页的基础语言:html(超文本标记语言)
 标记 : 该门语言是有标签来构成的。 学习html不用怎么去理解,只要需要记住标签的作用即可。
 
html语言的特点:
   1. html语言是与平台无关的,任何平台只需要安装了浏览器都可以运行。
   2.html 是不区分大小写的。
html语言的结构:
   <html>    html语言的根标签.
               <head></head> 网页的头信息
          <body></body> 网页的体部分
   </html>

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

<html>
<!--头信息作用
1.设置网页标题
2.通知浏览器用指定编码解析HTML页面<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
3.
-->
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>这是我的第一个网页</title>
<meta name="keywords" content="java培训,php培训,c#培训"/>
<!--一个网页关键字最好三到四个,太多了就会使你想被访问的内容权重贬低,被访问概率下降-->
</head>
<!-- 网页内容写在body中-->
<body>
打算作个动态网站,可以在里面分享上传信息
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>常用标签</title>
</head>
<!--
标签作用:描述一个网页的结构 标签类型:
1.有开始标签与与结束标签。例如:<p></p> 需要把网页数据封装在标签中
2.开始标签与结束标签在一个标签体内.例如:<hr/> 功能单一不需要封装 常用文本标签
<h1> to <h6> 表示是一个标题
<p> 段落标签
<hr/> 水平线标签
<sub></sub> 下标
<sup></sup> 上标
<br />
<pre></pre> 原样标签:保留空格和换行符
<ol>
<li>火锅</li>
<li>闷锅</li>
<li>在家</li>
</ol>有序列表<ol>的type属性可以改序号类型 <ul>
<li>火锅</li>
<li>闷锅</li>
<li>在家</li>
</ul>无序列表<ul>的type属性可以改序号类型 项目列表标签(dl dt dd)<dd>会向右缩进一个tab键
例子:公司结构
<dl>
<dt>技术总监</dt>
<dd>幅度萨芬</dd>
<dd>反倒是</dd>
<dd>奋斗史</dd>
<dt>人事经理</dt>
<dd>怀疑他</dd>
<dd>华国锋</dd>
</dl> <span></span> 行内标签
<div>块标签 div标签的内容会独立占一行
-->
<body> <h1 align="center">标题:网页</h1>
<p>&nbsp;&nbsp;&nbsp;网页的好处</p>
网页的好处
网页的好处
网页的好处
网页的好处
网页的好处
<hr />
水的分子式:H<sub>2</sub>O
<br />
2的16次方:2<sup>16</sup>
</body>
<hr />
<pre>
静夜思
床前明月光,疑是地上霜。
举头看屏幕,低头代码框。
</pre>
<hr /> 菜单
<ol type="I">
<li>火锅</li>
<li>闷锅</li>
<li>在家</li>
</ol>
<hr />
菜单
<ul type="square">
<li>火锅</li>
<li>闷锅</li>
<li>在家</li>
</ul>
<hr />
公司结构
<dl>
<dt>技术总监</dt>
<dd>幅度萨芬</dd>
<dd>反倒是</dd>
<dd>奋斗史</dd>
<dt>人事经理</dt>
<dd>怀疑他</dd>
<dd>华国锋</dd>
</dl>
<hr /> <span>网页的好处网页的好处</span><div>网页的好处网页的好处网页的好处网页的好处</div>
</html>

实体标签:

   > < 等一些符号在html页面中是有着特殊含义,这些字符如果需要在页面中显示,这时候就应该使用实体标签
常用的实体字符:
   空格      &nbsp;
     小于号     &lt;
     大于号    &gt;
  人民币    &yen;
  版权      &copy;
  商标      &reg;
 
<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. 锚点点位. 
    a. 首先编写一个锚点  锚点的格式: <a name="锚点名字"> 数据</a>
    b. 使用a标签 的herf属性连接到锚点出。  href=”#锚点的名字“   
 
<img>图片标签:
  img标签常用的属性:
    width: 设置图片宽度
       height  设置图片高度   
       alt:    如果图片资源无法找到,那么就显示对应的文字对图片进行说明。
 
 
<table>表格标签
 
  表格使用到的标签:
     <table> 表格
        <tr>    行
        <td>    单元格
        <th>     表头   默认的样式是居中,加粗。
        <caption>  表格的标题
表格常用的属性:
   border  设置表格的边框
     width : 设置表格的宽度
     height: 设置表格的高度的。
     colspan: 设置单元格占据指定的列数。
  rowspan : 设置单元格占据指定的行数
 
 
表单标签: 表单标签的作用是用于提交数据给服务器的。
表单标签的根标签是<form>标签
   
常用的属性:
   action: 该属性是用于指定提交数据的地址。
   method: 指定表单的提交方式。
        get : 默认使用的提交方式。  提交的数据会显示在地址栏上。
        post :  提交的数据不会显示在地址栏上。
注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。
 

Day 29:HTML常用标签的更多相关文章

  1. HTML常用标签

    HTML常用标签: HTML文档格式: 首先,HTML是一种超文本标签语言,它是制作网页的基础. 其次,HTML文档中至少包含基本的和成对的<html> </html>.< ...

  2. html常用标签介绍

    常用标签介绍 文本 最常用的标签可能是<font>了,它用于改变字体,字号,文字颜色. 点击查看效果 <font size="6">6</font&g ...

  3. HTML常用标签总结

    HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)&q ...

  4. html新增一些常用标签

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. [刘阳Java]_MyBatis_映射文件的常用标签总结_第5讲

    MyBatis中常用标签的总结,简单给出自己的总结 MyBatis映射文件中的标签使用介绍1.<select>:用于编写查询语句用的标签 id:表示当前<select>标签的唯 ...

  6. CSS常用标签

    CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; / ...

  7. HTML基础(一)——一般标签、常用标签和表格

    第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...

  8. HTML-学习笔记(常用标签)

    本篇博客讲一讲HTML中的标签 HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的.<h1> 定义最大的标题.<h6> ...

  9. 帝国CMS文章随机调用等一些常用标签

    1.帝国CMS文章随机调用等一些常用标签 [e:loop={'news',10,18,0,'newstime>UNIX_TIMESTAMP()-86400*7','onclick desc'}] ...

随机推荐

  1. 学习笔记(6)- pytext训练会话助手

    https://github.com/facebookresearch/pytext https://pytext.readthedocs.io/en/master/ https://pytext.r ...

  2. FineReport帆软报表需求:根据url传递过来的参数值决定显示隐藏列

    需求:角色id传递到报表页面中,然后根据角色id,决定隐藏第1列,显示第2-4列,还是隐藏第2-4列,显示第1列. 解决方法:

  3. 实用类-<Math类常用>

    Math.random() //取0~1之间的随机数(不包括1) Math.max(数字1,数字2) //取两个数中最大的一个 Math.min(数字1,数字2) //取两个数中最小的一个 Math. ...

  4. STM32 的系统滴答定时器( Systick) 彻底研究解读

    作者:王健 前言 SysTick 比起那些 TIM 定时器可以说简单多啦~~~~~哥的心情也好了不少, 嘎嘎!! ARM Cortex-M3 内核的处理器内部包含了一个 SysTick 定时器,它是一 ...

  5. CSP2019 括号树

    Description: 给定括号树,每个节点都是 ( 或 ) ,定义节点的权值为根到该节点的简单路径所构成的括号序列中不同合法子串的个数(子串需要连续,子串所在的位置不同即为不同.)与节点编号的乘积 ...

  6. ch8 让div居中--使用外边距

    假设有一个布局,希望让其中的容器div在屏幕上水平居中,则只需要定义div的宽度,然后将水平外边距设置为auto <body> <div class="wrapper&qu ...

  7. Ubuntu 解决TXT文本乱码问题

    只要依次在终端输入这两行指令即可: gsettings set org.gnome.gedit.preferences.encodings auto-detected "['GB18030' ...

  8. 107、Java中String类之判断开头或结尾

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...

  9. 对iOS开发的一些认识

    从事iOS工作这么久了,我觉得对它的认识也越来越深刻.尤其是越发明白自己从事的工作属于“客户端开发”.“软件工程”分类中. 我更喜欢“客户端开发”这个词语,相对“前端开发”而言.因为前者更能充分说明面 ...

  10. VS2010如何进行程序调试

    VS2010如何进行程序调试 一.前言 对于初步学习C++的朋友,程序的调试是一项必备的技能.尤其是像C++这样难学的语言,程序调试的基本方法更是至关重要.毕竟,谁也不想自己幸幸苦苦一天敲出来的代码就 ...