Heim >Web-Frontend >HTML-Tutorial >HTML入门基础_html/css_WEB-ITnose
前言:学了一段时间的前端,一直没有写博客的习惯,趁着最近学校组织的实训,把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。
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。