html知识点实践经验总结
所属分类:
网页制作 / HTML/Xhtml
阅读数:
930
收藏 0赞 0分享
1. 表格标签是table,tr是行,td是单元格,cellspacing是单元格与单元格的距离 cellpadding是内边距,caption是表格的标题 colspan是合并列,rowspan是和并行,表格tbody
都是默认的。如果加多个tdody就可以解决页面显示的问题。
2.超链接的邮件链接mailto:abc@shouhu.com
3.<input type=”file”>可以长传
4.lable可以设置快捷键的
5.ini是简单的配置信息描述,xml是复杂信息描述
6.正则表达式是一种专门用于操作字符串的规则
通过一些符号来表示,简化对字符串操作
常见的操作有
匹配:matches
查找:pattern,和macther对象
切割:split
替换:replaceAll
网页爬虫:通过网络以及io读取的源文件,并通过规则获取网页中符合规则的数字
正则表达式中组的含义:将部分过则进行封装以便重用。方向引用组
7.html是超文本标记语言,html语言中是由标签组成的,html中数据都会分装在标签当中,因为可以通过标签中属性值的改变对分装内数据进行操作。
确定html代码范围。<html></html>
在该范围中华可以定义可以定义两部分,一部分是头,一部分 体、
标签特点:对于数据进行封装,那么就有开始标签和结束标签但是也有一些标识只体一功能,所以不需要结束标签,规范中要求标签必须要结束,所以这样的标签在内部结束
8.常见的标签<font></font>。
标题标签<h1><h2><h3>
列表标签:<dl></dl>都有
上层项目:<dt>
下层项目:<dd>
项目符号标签:<ul>是无符号的
<ol>是有符号的
这两个列表项目都有<li>封装
图像标签:<img>
表格标签:<table>有行组成,行单元格组成,表格中都有一个默认的tbody标签
表格是对表格格式化的。
超链接标签:<a href=” ” >新浪网站 target
当被点击后,会启动引擎所对应解析程序
去查找指定的主机。
超链接的里一个作用:定位标记
表单标签:该标签是可以和服务器进行交互的。
有10大type:text,password,file,checkbox,radio,hidden,button,submit,reset,image
Image都具备提交功能
下拉菜单:
<select >
<option></option>
</select>
文本区域:<textarea>表单组件通常都需要定义name和value属性
9.表单组件通常都需要定义name和value属性,因为要发送给服务端。
10. get和post的区别
get:会将提交的数据显示在地址栏上
post:不会将数据显示在地址栏上
get:提交的数据局的体积会受到地址栏的限制
post:可以提交大体积数据
get:对于敏感信息不安全
post:对于敏感信息安全
get:会将提交信息封装在请求行,也就是http消息头之头之前
post:会将提交信息封装在数据行中,也就是http消息头之后的空行后
使用表单的组件不一定要定义form标签,只有需要将数据进行服务端的提交的时候才会用到form标签
11.css层叠样式表
将网页中的样式分离出来,完全有css来控制
增强样式的复用性以及可扩展性
格式:选择器
Css和html代码相结合的四种方式
1.一个html标签都用一个style属性
2.当页面有多个标签有相同样式时,可以进行复用
3.当有多个页面中的标签的样式相同,还可以将样式单独封装成一个css通过在每个页面中定义
4.通过html在head标签中link
12.选择器:
1.标签选择器
2.类选择器
3.id选择器
优先级id>class>标签
扩展选择器
1关联选择器:其实对标签中的标签进行样式
2组合选择器:
3.伪元素选择器:
13.div和span的区别
Div:行级区域
Span:块级区域
网页注释在IE中产生文字溢出
实验代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0赞 0分享
HTML教程:定义列表
原文:http://andymao.com/andy/post/104.html
上一节:有序列表
写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0赞 0分享
HTML教程:有序列表
原文:http://andymao.com/andy/post/103.html
上一节:无序列表
信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……
收藏 0赞 0分享
HTML教程:无序列表
原文:http://andymao.com/andy/post/102.html
段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0赞 0分享
HTML网页制作的强大8条技巧
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。
1。使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多。 如: <tt>实用
收藏 0赞 0分享
网页表格分割线去除方法
网页表格分割线去除方法。
其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这
收藏 0赞 0分享
blockquote标记应用注意
关于语义化,不是一句两句就能说明白的,而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是:
1.引用一段较长的文字
2.可以使用cite标签或者属性
问题是<blockquote>引用的文字必须使用块级元素将他
收藏 0赞 0分享
网页表格表框制作技巧
网页表格表框制作技巧。
--------------------------------------------------------------------------------
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不
收藏 0赞 0分享
HTML其实就是学习几个重要标记的应用
《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next&rdquo
收藏 0赞 0分享
移动端专用的meta标签设置大全
不知道有没有人觉得,html的meta标签描述的头部信息特别多,下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0赞 0分享
查看更多