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

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。

HTML入门基础的更多相关文章

  1. mybatis入门基础(二)----原始dao的开发和mapper代理开发

    承接上一篇 mybatis入门基础(一) 看过上一篇的朋友,肯定可以看出,里面的MybatisService中存在大量的重复代码,看起来不是很清楚,但第一次那样写,是为了解mybatis的执行步骤,先 ...

  2. 01shell入门基础

    01shell入门基础 为什么学习和使用shell编程 shell是一种脚本语言,脚本语言是相对于编译语言而言的.脚本语言不需要编译,由解释器读取程序并且执行其中的语句,而编译语言需要编译成可执行代码 ...

  3. Markdown入门基础

    // Markdown入门基础 最近准备开始强迫自己写博文,以治疗严重的拖延症,再不治疗就“病入骨髓,司命之所属,无奈何”了啊.正所谓“工欲善其事,必先利其器”,于是乎在写博文前,博主特地研究了下博文 ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. C++ STL编程轻松入门基础

    C++ STL编程轻松入门基础 1 初识STL:解答一些疑问 1.1 一个最关心的问题:什么是STL 1.2 追根溯源:STL的历史 1.3 千丝万缕的联系 1.4 STL的不同实现版本 2 牛刀小试 ...

  6. HTML入门基础教程相关知识

    HTML入门基础教程 html是什么,什么是html通俗解答: html是hypertext markup language的缩写,即超文本标记语言.html是用于创建可从一个平台移植到另一平台的超文 ...

  7. Linux shell入门基础（六）

    六.Shell脚本编程详解 将上述五部分的内容,串联起来,增加对Shell的了解 01.shell脚本 shell: # #perl #python #php #jsp 不同的脚本执行不同的文本,执行 ...

  8. Linux shell入门基础（一）

    Linux shell入门基础(一): 01.增加删除用户: #useradd byf   userdel byf(主目录未删除)  userdel -r byf   该用户的属性:usermod 用 ...

  9. AngularJS入门基础PPT（附下载链接）

    学习了Angularjs有段时间,自己写了一个PPT,个人认为总结的非常全面,对于入门基础够了. 大致模块有:Angularjs简单介绍,Angularjs特性,hello world,Control ...

  10. jQuery Mobile 入门基础教程

    jQuery Mobile是jQuery在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架. jQue ...

随机推荐

  1. 可用与禁用 E:enabled { sRules }

    <!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf ...

  2. (转) 值不能为空。参数名viewinfo(microsoft.sqlserver.management.sqlstudio.explorer)

    打开MSSQL 2008 R2的时候,展开数据库都显示以下的错误提示: 值不能为空.参数名viewinfo(microsoft.sqlserver.management.sqlstudio.explo ...

  3. 安卓状态栏通知Status Bar Notification

    安卓系统通知用户三种方式: 1.Toast Notification 2.Dialog Notification 3.Status Bar Notification Status Bar Notifi ...

  4. 《第一行代码》学习笔记20－广播接收器Broadcast_Receiver（3）

    1.强制用户下线的逻辑并不是写在MainActivity里的,而是应该写在接收这条广播的广播接收器里面,这样强制下线的功能就不会 依附于任何的界面,不管是在程序的任何地方,只需要发出一条广播,就可以完 ...

  5. 为自己的Android应用添加广告

    平时也写了不少Android小应用,但是都是做练习之用,从来没有想过添加广告赚钱这一说. 个人是非常反感在应用内添加广告这种行为的,非常影响用户体验,不小心点到广告的话,手机流量哗哗地就没了··· 但 ...

  6. arc engine - IName

    IName对象是一个代表性对象.通过使用IName对象,可以访问它所代表的对象的一些基本属性,而不用将整个对象调入内存.我们用IWorkspace 获得一个Workspace,那可是会调入内存的,而I ...

  7. 关于DIPS的MVC 4.0项目发布与在IIS 7.0上的部署的方法

    本人技术笨拙,今天在发布DIPS的MVC4.0项目,并部署到IIS上,遇到各种问题.在查询相关资料后,最终得以解决,所以想把这个过程记录下来. 首先是MVC4.0项目的发布: 打开你的VS2012网站 ...

  8. C++ BitArray 引用计数实现

    #ifndef __BITARRAY__ //数组不支持多线程同时访问,没有对引用计数以及分配的资源做任何锁处理 #define __BITARRAY__ 1 //越界访问修改为抛出异常 #ifdef ...

  9. php开启伪静态（2转）

    打开apache的配置文件httpd.conf找到#LoadModule rewrite_module modules/mod_rewrite.so把前面#去掉.没有则添加,但必选独占一行,使apac ...

  10. （转）css中通常会用到浮动与清除，也是一个必须掌握的知识点，概念性的东西不多说，下面举几个例子，来说明它的用法：1.文字环绕效果 2.多个div并排显示 3.清除浮动（默认显示）

    一.文字环绕效果: html代码如下: 1 <body> 2 3 <style type="text/css"> 4 #big img {float: le ...