1.HTML (常用标签 网页的基本结构)
2.CSS (常用样式 网页的显示效果)
3.JavaScript (用户交互效果 动态效果)
4.jQuery (JavaScript库 简化原生js操作)
5.Ajax (异步数据交互 在页面不刷新的情况下进行数据交互)
6.BootStrap (前段UI框架 快速搭建静态页面并支持不同设备)
HTML概述
一、什么是HTML
HTML 是用来描述网页的一种语言。
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
二、HTML是干嘛的
可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
三、建立HTML文件
四、HTML注释
五、HTML网页的基本结构
声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元(meta)数据
元素包含了可见的页面内容
我的第一个网页title>head>
这是首页显示内容
body>
html>
通用声明 (了解)
HTML5
HTML4.01
XHTML1.0
六、HTML标签结构
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词
HTML 标签通常是成对出现的
标签对中的第一个标签是开始标签,第二个标签是结束标签
内容结束标签>
七、HTML元素
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
一个 HTML 元素包含了开始标签与结束标签
八、HTML属性
HTML 元素可以设置属性
属性一般添加在开始标签
属性一般以名称/值对的形式出现,比如:name=“value”。
注意:
属性值必须用双引号引起来
标签都用小写字母
双标签必须要写闭合标签
HTML常用标签
一、HTML常用的块级标签(块级元素)
独占一行
有语义的HTML块级元素
有默认样式
标题(Heading)
通过H1~H6 标签来定义的.
段落
通过标签 p 来定义的.
列表
无序列表 ul,li
是一个项目的列表,列项目使用粗体圆点(典型的小黑圆圈)进行标记
有序列表 ol,li
也是一个项目的列表,列表项目使用数字进行标记。
自定义列表 dl,dt,dd(了解)
注意:
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
表格 table,tr,td
table常用属性
border 边框
cellpadding 内容距离表框的距离
cellspacing 单元格和单元格之间的距离
rowspan 垂直合并(跨行显示)
colspan 水平合并(跨列显示)
anglin 内容水平对其方式
valign 内容垂直对其方式
无意义的块级元素 div
元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示换行。
一般与 CSS 一同使用
元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。
常用HTML块级标签(块元素)title>head>
这是一级标题h1>
这是二级标题h2>
这是三级标题h3>
这是四级标题h4>
这是五级标题h5>
这是六级标题h6>
超文本标记语言
(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 p>
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 p>
- 列表项一li>
- 列表项二li>
- 列表项三li>
ul>
- 这是有序列表li>
- 这是有序列表li>
ol>
-
这是自定义列表dt>
- 这是自定义列表dd>
- 这是自定义列表dd> 这是自定义列表的标题dt>
-
这是列表标题的解释dd>
dl>
这是表头th> tr>
这是第二行的第一列td> 这是第二行的第二列td> 这是第二行的第三列td> 这是第三行的第四列td> tr>
这是第三行的第二列td> 这是第三行的第三列td> 这是第三行的第四列td> tr>
table>
这是一个divdiv>body>
html>