HTML入门基础_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:32:241386瀏覽
前言：学了一段时间的前端，一直没有写博客的习惯，趁着最近学校组织的实训，把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。
1、HTML是什么？
HTML 是用来描述网页的一种标记语言。
1）HTML 指的是超文本标记语言 (Hyper Text Markup Language)
2）HTML 不是一种编程语言，而是一种标记语言 (markup language)
3）标记语言是一套标记标签 (markup tag)
4）HTML使用标记标签来描述网页
2、HTML可以做什么？
HTML 标记标签通常被称为 HTML 标签 (HTML tag)
1）HTML 标签是由尖括号包围的关键词，比如
2）HTML 标签通常是成对出现的，比如 和
3）标签对中的第一个标签是开始标签，第二个标签是结束标签
4）不区分大小写（W3C建议全小写）
5）特例：开始即结束（不需要包含内容的标签）
3、代码实例
1 <!DOCTYPE><!—解决HTML5的兼容 --> 2 <html> 3 <head> 4 <title>第一个实例</title> 5 <meta charset="utf-8"/><!—注意charset与保存格式匹配 --> 6 <!—JS、CSS --> 7 </head> 8 9 <body>10 网站信息11 <!—JS 可以，但不建议-->12 13 14 </body>15 </html>
4、HTML通用属性
| 属性 | 值 | 描述 |
| class | classname | 规定元素的类名（不是唯一的） |
| id | idname | 规定元素的唯一id |
| style | style_definition | 规定元素的行内样式 |
| title | text | 规定元素的额外信息（可在工具提示中显示） |
5、布局
1、Table布局、DIV+CSS布局、框架布局（Extjs、jQuery）
<!DOCTYPE><!—解决HTML5的兼容 --><html> <head> <title>基础 表格</title> <meta charset="utf-8"/><!—注意charset与保存格式匹配 --> <!—JS、CSS --> </head> <body> <table border="1" height="300" width="300" align="center"> <caption>我的表格</caption> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th rowspan="4">5</th> </tr> <tr> <td>1</td> <td colspan="3" rowspan="2">2</td> </tr> <tr> <td>1</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </table> </body></html>
6、表单
组件、action、method（get、post）
【温馨提示】关于前端的一些帮助文档可以到百度云盘下载。链接: http://pan.baidu.com/s/1bhHPUI 密码: ncav。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn