您现在的位置:首页 >> 前端 >> 内容

HTML基础知识点轨迹

时间:2016/12/13 9:34:40 点击:

  核心提示:1.常见的web服务器Apache:世界上使用排名第一的web服务器Jbss:web service容器TomCat:一个免费开源的服务器,Apache的一个基金会项目IIS:Internet信息服务...

1.常见的web服务器

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

Jbss:web service容器

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

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

WebLogic:开发部署一些大型的web应用,分布式的服务器

2.什么是HTML

HTML本质是一种描述网页的语言

HTML是一种超文本语言

HTML属于标记语言,不属于编程语言

HTML文档也称为web网页

3.html标签的含义

(1)<!DOCTYPE HTML>声明文档类型,表示规范了当前网页版本,严格模式

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

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

c.DOCTYPE:html不区分大小写,但本单词需要大写

(2)<html></html>声明主体,

<title></title>浏览器网页标签标题,一般都成对出现

(3)<meta charset=”utf-8”>设置字节码,不需要闭合的标签,提供html的元元素,元元素不会显示出来,只会被浏览器解析,meta标签除了设置编码集以外,还可以设置网页关键字,网页描述信息,作者信息

<meta name = “description” content="">网页描述

<meta name=”keywords” content=” ”>网页关键字

<meta name=”author” content=””>网页作者

<body>网页看到的内容都写入这里面

(4)<html></html>,第一个标签是开始标签,第二个标签是结束标签,不是所有的标签都要结束,自开闭标签不需要结束,html注意格式规范,非自开闭标签需要成对出现,html标签最好区分一下大小写

(5)<h1>~<h6>定义标题,大小从1-6从大到小,标题标签

(6)<p></p>表示段落,段落标签,标签都可以设置唯一ID,如<p id=”p1”></p>

(7)<!—xxxxx-->注释 ctrl+shift+/

(8)<a></a>超链接标签<a href=”www……”>百度</a>,#号表示跳转到本页,通过a标签设置锚点,需要两个a标签,一个a标签设置name属性,一个a标签跳转到当前name属性对应的值

(9)<img src=”路径” width=宽度 height=高度 title=设置图片提示 alt=图片未加载时用来描述>src=“../img”,其中../表示回到上一级目录

(10)换行标签</br>

(11)&nbsp;表示空格

(12)<abbr>缩写标签<abbr title=”zhongguo”>zg</abbr>

(13)<address>定义作者标签

(14)粗体<b></b>

(15)粗体<strong></strong>优先选择

(16)<mark></mark>高亮,标记标签,默认黄色

(17)<em></em>斜体,表示突出强调

(18)<bdo></bdo>覆盖文本默认的方向从左开始ltr 从右开始rtl

(19)<i>标签:斜体,显现文本斜体</i>

(20)<ins></ins>标签定义已经被插入文档中的文本,增加下划线

(21)<del></del>添加删除线

(22)<pre></pre>可以定义预格式化的文本,保留空格和换行符

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

(24)<u></u>添加下划线

4.HTML表单

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

A.表单是包含表单元素的区域

B.表单元素是允许用户在表单中输入信息得元素,写入form标签内

(2)<input type=“text/password” name=“把输入的数据交给后台会用到name属性” id=“唯一”>

A.readonly=“readonly”只读

B.disabled=“disabled”禁用,无法修改copy

C.maxlength=“6”设置最大长度

D.placeholder=“文本框内默认提示,不占用空间”

E.value=“默认值”

(3)<textarea></textarea>文本域,可自助伸缩,cols列,rows行

(4)<button></button>按钮

(5)<input type=“button”value=“修改”>按钮

(6)<input type=“reset” value=“重置”>重置输入按钮

(7)<input type=“submit” value=“提交”>提交给服务器输入框的值,放入表单中才能触发效果

(8)<form action=“”method=“get”>action表示当前保单获取到的值提交给服务器的地址,method表示提交方式

(9)<select></select>表示下拉框,可以定义<option></option>添加下拉框元素,size属性可以默认展现多行,multipe=“multipe”表示可以多选

(10)<fieldset>

<legend>登录</legend>

</fieldset>

(11)单选按钮

<input type=“radio”name=“”>name属性相同,就分成同一个组,就可以单选了

(12)多选按钮

<input type=“checkbox”>

(13)内联框架<iframe src=“” name=“if”></iframe>,可以通过target=“if”,使界面在iframe中显示,frameborder=“1”表示边框粗细

(14)<link>标签,引入css样式

(15)表格<table></table>,border=“1”表示有边框,0表示没有

<tr></tr>表示行,<td></td>表示列

语义优化标签,有利于快速定位内容,有利于搜索引擎查询

<thead></thead>表头

<tbody></tbody>表体

<tfoot></tfoot>表尾

<th>默认表头居中,加粗,用于表头

Colspan=2占两列单元格位置

Rowspan=2占两行单元格位置

<colgroup>控制列样式

Tags:HT TM ML L基 
作者:网络 来源:小呆斯坦的博客
  • 上一篇:myeclipse乱码问题
  • 下一篇:css3弹性布局