HTML简介
- HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,标记:就是用来描述网页内容的一些特定符号。
- HTML不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、什么大小来显示,这些都是利用HTML标记来实现的。
- HTML文档的创建方式:
用HTML语言创建的文档手工直接编写(例如记事本)
通过图形化的HTML开发软件自动生成代码,如VS2012, Dreamweaver
由Web服务器上的动态网页程序生成
HTML语法
HTML最基本的语法是双标记语法:
<标记符>内容</标记符>
标记符通常都是成对使用的,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠”/”。
当浏览器打开HTML文件后,就会理解里面的标记符,然后把标记符对应的功能表达出来。如: <p>这是一个新的段落</p> 表示一个新的正文段落
双标记语法的两种形式:
-
<标记符>内容</标记符>
如:
<p>登录</p>
<div>…</div> -
<标记符 属性=“属性值”>内容</标记符>
如:
<p align=“center”>登录</p>
<body bgcolor=“red”>…</body>
单标记语法的两种形式:
- <标记符 />
如:
<br /> - <标记符 属性=“属性值”/>
如:
<hr width=“80%”/>
HTML文档基本结构:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
正文
</body>
</html>
<html>……</html>标识网页文件的开始与结束,所有的html元素都要放在这对标记中
<head>……</head>标识网页文件的头部信息,如编码、标题、CSS文件等
<title>……</title>标识网页文件的标题
<body>……</body>标识网页文件的主体部分
修改登录界面布局
-
CSS的全称是Cascading Style Sheet,中文翻译“层叠样式表”。实用CSS可以改变HTML的基本特性,从而控制传统网页上的元素,诸如精确的空白、段落缩进、文本的外观和链接的状态等等。这样,你就可以实现对网页元素的格式控制。 CSS不仅允许你指定单个网页的外观,还可以被用来为网站提供一致的界面。
-
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的,用于快速开发 Web 应用程序和网站的前端框架。
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架。
图片2.png
网友评论