Home > Article > Web Front-end > HTML入门基础_html/css_WEB-ITnose
HTML入门基础_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:32:241344browse
前言：学了一段时间的前端，一直没有写博客的习惯，趁着最近学校组织的实训，把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。
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。
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：HTML如何返回服务器的时间？_html/css_WEB-ITnoseNext article：CSS3透明属性opacity_html/css_WEB-ITnose