HTML

1.1 HTML是什么?有什么作用?

HTML:(Hyper Text Markup Language) 超文本标记语言

文本:相当于记事本里写的文字。 展示信息

超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字

 语言:工具。

标记:标签

 HTML是由标签所组成的语言,能展示超文本效果

HTML是用来写网页的,是设计页面的基础。

1.2 HTML的语言特征

l  HTML代码是由头和体组成。

<html>

        <head>

        <title> 标题</title>

</head>

        <body>需要展示给用户看的信息内容</body>

</html>

 

<html>标签就相当于 java类 大括号

<head>中存放的都是网页的说明性内容,例如标题

l  HTML文件的扩展名为html或者htm。Htm是老的命名规范,html的新的

l  HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。

l  HTML标签通常由开始标签和结束标签组成。例如:<font>内容体</font>

开始标签和结束标签之间的内容叫做内容体

l  HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如:<br/>  自关闭

l  HTML标签不区分大小写,为了方便阅读,建议使用小写。

l  HTML标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起。引号包含单引号和双引号

HTML标签建议包裹嵌套,不建议交叉嵌套。

2.字体标签和格式化标签

2.1.1、<font>

字体标签,用于展示效果中修饰文字样式

<font 属性名=”属性值”>文字</font>

  • size:控制字体大小.最小1 ~ 最大7。 如果设置范围不在1~7之间,设置无效
  • color:控制字体颜色. 使用英文设置(例如:red,blue…)
  • face:控制字体类型。只能设置系统字库中存在的字体类型

示例:

 HTML

效果:

 HTML

2.1.2、<br/>

HTML源码中换行,浏览器解析时会自动忽略。

换行标签,用于展示效果中换行

示例:

 HTML

效果:

 HTML

2.1.3、<p></p>

段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行

  • align:段落内容的对齐方式

默认是left, 内容居左

Right  右

Center 居中

示例:

 HTML

效果:

 HTML

2.1.4、<h1></h1>

标题标签,用于展示效果中划分标题

其中<h1>最大,<h6>最小

示例:

 HTML

效果:

 HTML

2.1.5、&nbsp;

HTML源码中的多个空格,效果中最终会合并成一个。

空格符号,用于展示效果中显示一个空白的位置

示例:

 HTML

效果:

 HTML

2.1.6、HTML注释

用于注释HTML源码,不在HTML效果中展示。

只能在源码中看到,页面展示效果中是没有

格式:<!--HTML注释内容 -->

示例:

 HTML

效果:在HTML效果展示中不会显示,只能在源码中看到

HTML

上一篇:centos6.5 yum install 更换国内源 url 404 not found


下一篇:PHP上传文件到AWS S3&生成下载文件URL