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

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. FineUI上传控件

    文件上传 现在就简单多了,并且也漂亮多了,参考这个示例. 1: <ext:SimpleForm ID="SimpleForm1" BodyPadding="5px& ...

  2. ios--图片处理(修改、保存)UIGraphicsBeginImageContext

    http://www.th7.cn/Program/IOS/201407/250904.shtml

  3. hdu1087 简单DP

    I - 简单dp 例题扩展 Crawling in process... Crawling failed Time Limit:1000MS     Memory Limit:32768KB     ...

  4. C#按键打开文件选择对话框,并把选择好的路径保存/显示到textBox

    1.选择文件夹 FolderBrowserDialog fbd = new FolderBrowserDialog(); fbd.SelectedPath = "D:";//默认路 ...

  5. android中细节效果总结

    android中细节效果总结   andorid取消最上方的标题同时全屏显示 Source code     protected void onCreate(Bundle savedInstanceS ...

  6. python学习第三天 --布尔类型

    我们已经了解了Python支持布尔类型的数据,布尔类型只有True和False两种值,但是布尔类型有以下几种运算: 与运算:只有两个布尔值都为 True 时,计算结果才为 True. True and ...

  7. C语言多维数组的地址

    设有整型二维数组a[3][4]如下: 0   1   2   3 4   5   6   7 8   9  10  11  它的定义为:     int a[3][4]={{0,1,2,3},{4,5 ...

  8. 分布式批处理平台(wolf)简介

    "wolf"即狼,狼的适应性很强.可栖息范围包括苔原.草原.森林.荒漠.农田等多种生境:具有敏锐的观察力.专一的目标.默契的配合,它们总能依靠团体的力量达成目标. 分布式批处理平台 ...

  9. 遍历ArrayList与LinkedList,使用FOR与迭代器的区别

    网上结论: 如果是链表结构的集合,如LinkedList,则使用迭代器遍历,速度会更快(顺序获取). 如果是数组结构的,如ArrayList,则使用for循环会更快(随机获取) 测试代码: packa ...

  10. Ubuntu mysql中文乱码解决

    #vim /etc/mysql/my.cnf 找到[mysqld]添加 character-set-server = utf8 重启mysql #restart mysql mysql> sho ...