HTML入门基础

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

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 标签是由尖括号包围的关键词，比如 <html>

2）HTML 标签通常是成对出现的，比如 <b> 和 </b>

3）标签对中的第一个标签是开始标签，第二个标签是结束标签

4）不区分大小写（W3C建议全小写）

5）特例：开始即结束（不需要包含内容的标签）<br />

3、代码实例

 <!DOCTYPE><!—解决HTML5的兼容 -->
 <html>
     <head>
         <title>第一个实例</title>
         <meta charset="utf-8"/><!—注意charset与保存格式匹配 -->
         <!—JS、CSS -->
     </head>     <body>
         网站信息
         <!—JS 可以，但不建议-->     </body>
 </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。

个人收藏笔记记录

开通VIP