HTML基础知识点轨迹

 

1.常见的web服务器

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

Jbssweb service容器

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

IISInternet信息服务,微软主推的一个服务器

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

2.什么是HTML

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

HTML是一种超文本语言

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

HTML文档也称为web网页

3.html标签的含义

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

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

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

     c.DOCTYPEhtml不区分大小写,但本单词需要大写

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=buttonvalue=“修改”>按钮

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=radioname=“”>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>控制列样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值