客户端网页编程01——HTML



常见的web服务器软件:


apache:世界上使用排名第一的web服务器


jboss:web service的容器,ejb的容器


tomcat:开源免费的一个服务器,apache的一个基金会项目


IIS:internet信息服务,微软主推的一个服务器


wdbLogic:开发、管理、部署一些大型的web,分布式的服务器



1.什么是html?


html本质上是一种描述网页的语言,


html是超文本标记语言,Hypertext markup language,


html属于标记语言,不属于编程语言。xml


html文档也成为web网页



2.html标签的含义:


第一个标签是开始标签,第二个标签是结束标签,不是所有的标签都需要结束。自开闭标签


html注意格式规范。必须成套出现


html标签最好区分一下大小写。


html5:html规范化的版本 (按W3C标准)


xhtml




3.<!DOCTYPE HTML>


1.主要用来声明网页的版本以及网页应该遵循的规范,声明有助于浏览器正确显示网页。


2.网络上有各种不同类型的文件,浏览器都可以正确的打开。如果能够正确声明html,那浏览器解析就更加准确


3.DOCTYPE:不区分大小写



4.meta


meta不需要闭合的标签,提供html的元元素,元元素不会显示在客户端,只会被浏览器解析


meta标签除了处理设置编码集以外,还可以设置网页的关键字,网页描述的信息,作者的信息。


<meta charset = "UTF-8"> 

 

  <meta name="description" content ="这是一个XXXX"> 

 

  <meta name="keywords" content ="html,css,java">  

 

  <meta name="author" content="xiaolong">

——查询爬虫?


<body>


 标题


 段落


 超链接,可以链接到其它地址   “#”代表跳转本页


     通过a标签设置描点


图片标签


../  上级目录  ./当前目录
 
  
   
   
   is </br>    element</p>
 

  <abbr >  /缩写 

 

  <address> 

 

  <b>              /设置粗体,html5兼容 

 

  <strong>     /设置粗体优先选用<strong> 

 

  <mark> 

 

  <em>today is a good day</em> /斜体,突出强调 

 

  <i>    /斜体,正常字体转写体 

 

   <del> 

 

  <ins>


定义预格式化的文本

<q>/定义一个短的引用,替换引号 

 

  <u>/文本加下划线,尽量少用,用户容易混淆为超链接

表单?


1.表单是一个包含表单元素的区域


2.表单元素是允许用户在表单中(如:文本域,下拉列表,单选框,复选框,输入框等等)输入信息的元素


(能与用户进行数据交流的元素)

<form> /表示当前是一个表单区域 

 
  
  maxlength设置输入长度
 
placeholder/提示
 

  <label>/元素定义标注 

 

  <input type = "password" name = "" id = "password">/密码框 

 

  <textarea>/定义多行文本框  cols,rows控制列行数 

 

  <button>/按钮标签 

 

  <input type = "button" value="修改"/> 

 

  <input type = "reset" value="重置"/> 

 

  <input type = "submit"value="提交"/> 

 

  action表示当前表单获取到值后,提交到服务器的地址 

 

  </from>


下拉框


<select name=" " id=" " size="3" multiple="multiple" >       multiple表示多选 

 

     <option>中国</option> 

 

     <option>日本</option> 

 
   
  <option>美国</option>
 

  </select> 

 

  <fieldset>/设置区域 

 

  <input type="radio" name="sex"> 

 

  <input type="radio" name="sex">/单选按钮 

 

  <input type="checkbox">/多选框. 

 
 
 
 

  <iframe> /标签规定一个内联框架,一个内联框架被用来在当前html 

 

  <link>/引入css 

 

  <table>/定义一个表格 

 
tbody, 
 tfoot/语义化标签,有利于搜索引擎查询
 

  th与td差别:th定义表头,自动加粗,居中,td不加粗,居左 

 

  colspan=“2”合并2列,rowspan=“2”合并2行,被合并的行或列要干掉 

 

  colgroup控制列的样式,rowgroup控制行的样式 

 

  span=XX,/表示控制的行列数 

 

  <table>/表格 

 

  <th>/表格中的标记 

 

  <tr>/行 

 

  <td>/列 

 

  <div>/定义区域,布局标签 

 

  <span>/文档的行内元素组合