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

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. css画下图

    通常我看到这种效果,都是直接ps解决,但是不断重申性能的今天,显然不适应时代的需求啊! 今天看到群里有人问这种效果怎么做了,我在思考的时候,有人已经给出答案了: 我就测试了一下,发现确实可以实现,总结 ...

  2. List.removeAll()方法失效

    List.removeAll()方法失效 前几天遇到List.removeAll()方法失效,测试了半天都没测出来,后面跟老大在那边调试了半天,最后终于找出原因,以后要是谁遇到这个奇葩的问题可以借鉴参 ...

  3. Linux虚机centos6.5安装Vmware Tools步骤

    退出到windows,在虚拟机菜单栏中点击 虚拟机-> 安装 VMWARE TOOLS 子菜单 进入到Linux系统,选择系统工具-终端  命令 su root 或者 su 以root进入 挂在 ...

  4. 抽空通过简书网学习了一下console，感觉高大上！

    抽空看了一下简书中关于console的文章,为了便于自己今后查看,自己写了一遍!原文地址:http://www.jianshu.com/p/f961e1a03a56 测试代码在最下面 1.consol ...

  5. Mac添加或修改环境变量

    方式1. 终端添加或修改 命令:pico, vim等 方式:pico .bash_profile 方式2. 文本方式添加或修改 1)打开 touch ~/.bash_profile open -t ~ ...

  6. 条形码/二维码之开源利器ZXing图文介绍

    全文目录: 基本介绍 二维码(比如:QRCode)的编码和解码演示 条形码(比如:EAN-13)的编码和解码演示 [一]. 基本介绍 : 1-1. ZXing是一个开源Java类库用于解析多种格式的条 ...

  7. MySQL中的两个时间函数，用来做两个时间之间的对比

    TIMESTAMPDIFF,(如果当期时间和之前时间的分钟数相比较.大于1天,即等于1:小于1天,则等于0) select TIMESTAMPDIFF(DAY,'2016-11-16 10:13:42 ...

  8. CloudStack API访问权限控制

    在我写开始之前,请先看下CS中国社区的一篇文章http://www.cloudstack-china.org/2012/12/1465.html,在第1点里讲了关于权限级别,command属性文件位置 ...

  9. 启动Tomcat一闪而过解决

    打开apache-tomcat-6.0.32/bing/catalina.bat在首行添加: set JAVA_HOME=C:\Program Files\Java\jdk1.6.0_07 就可以了.

  10. TOMCAT之性能跟踪入门

    先扫清前面的障碍,再慢慢进入核心 转一下网上的我关心的话题,实施起来 ~~~ 使用Nginx作为反向代理时,Tomcat的日志记录的客户端IP就不在是真实的客户端IP,而是Nginx代理的IP.要解决 ...