HTML---学习笔记

来源:互联网 发布:mac dota2 编辑:程序博客网 时间:2024/05/18 01:38

什么是HTML
html Hyper Text Markup language 超文本标记语言
使用标签来展示内容的语言
css 定义页面样式
js 定义页面行为

怎样创建一个html
新建一个文本文档,修改后缀为.html

html的结构标签
1. 跟标签 : ..html
2. 头标签 : head
3. 体标签 : body
4.
html标签的基本格式

<>标签名 属性名=”属性值” 文本内容 /标签名>

html的标签 (new)是html5新标签
4. 字体标签 font
5. 段落标签 p
6. 标题标签 h
7. 换行标签 br
8. 分割线标签 hr
9. 超文本连接 a
10. 定义缩写 abbr
11. 定义文档作者或拥有者的信息 address
12. 定义图像映射内部的区域 area
13. 定义一个文章区域 article (new)
14. 定义一个音频元素 audio
15. 定义文本粗体 b
16. 定义页面中所有链接的默认地址或者默认目标 base
17. bdi 允许设置一段文本,使其脱离其父元素的文本方向设置
18. bdo 定义文本方向
19. big 定义大号文本 html5不支持
20. button 定义一个按钮
21. canvas 定义图形,比如图表或者其他图像
22. caption定义表格
23. center 定义文本居中 html5不支持
24. code 定义计算机代码文本
25. div 定义文档中的节
26. em 定义强调文本
27. form 表单
28. frame 框架集的窗口或者框架
29. frameset 定义框架集
30. i 斜体
31. iframe 内联框架
32. img 图像
33. input 输入控件
34. li 列表
35. link 定义文档和外部资源的关系
36. map 图像映射
37. meta 关于html文档的信息
38. nav (new) 定义导航链接的部分
39. object 定义内嵌对象
40. output 定义不同类型的输出
… …

文档声明<>

  1. html4的文档声明:
  2. html5的文档声明:

特性
html对换行不敏感,对tab不敏感,换行要用标签
html的空白折叠现象
标签的严格封闭

相对路劲
这里写图片描述

表格标签

  • border 表格边框
  • width 表格宽度
  • height 表格的高度
  • align 表格的位置
  • 子标签 tr td
  • rowspan 单元格纵跨的行数
  • colspan 单元格横跨的列数

注册页面显示
需求:
这里写图片描述

代码:这里写图片描述

文本框属性
这里写图片描述
代码
这里写图片描述
表单提交
form action=”路径” post/get
post和get的区别
get提交在地址栏会显示,有长度限制
post在地址栏没有显示,长度大小没有限制

原创粉丝点击