HTML入门基础_html/css_WEB-ITnose-HTML Tutorial-php.cn

HTML入门基础_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:32:24

Original

1387 people have browsed it

前言：学了一段时间的前端，一直没有写博客的习惯，趁着最近学校组织的实训，把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。

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>

Copy after login

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>

Copy after login

6、表单

组件、action、method（get、post）

【温馨提示】关于前端的一些帮助文档可以到百度云盘下载。链接: http://pan.baidu.com/s/1bhHPUI 密码: ncav。