Web前端知识

首页 > 免费 > Web前端知识 >

HTML基础使用

来源:北京汇仁智杰科技有限公司   时间:2016-11-14   点击:

1,html概念

超文本标记语言,是一种解释执行的文本类标记语言,是Internet上用于编写网页的主要语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

html也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

分析简单的HTML结构

1)符号介绍

2)元素介绍

3)结构介绍

3,基本语法

1)特性

可以使用.html与.htm作为html文件的后缀名(扩展名)

可以使用任意文本编辑器创建HTML,推荐使用

windows操作系统

文件名.扩展名

linux操作系统

文件名

2)注释

3)基本概念

标签:

标签用来标记内容,也是用标签表名文本的意义。标签使用"<",">"包围。

标签分为成对标签和单标签

元素:

一个元素通常是由一个开始标签,内容,其他元素以及一个结束标签组成的

属性:

与元素相关的特性称为属性,属性由键值对组成。

<元素名 1="值1" 2="值2">

coreattrs属性

大多数元素都可以使用的属性。

id:唯一标识

class:标识一类元素

style:样式

title:描述信息

规范:

元素名和属性都不区分大小写。

4)文档结构

文档类型声明:

版本和文档类型声明,版本和文档类型声明是对应的,文档类型使用DTD来指定

XML

1)严格的文档类型

2)宽松的文档类型

3)frameset

3)H5文档类型

;html:

标识HTML文档

head

标识HTML文档的头部

可以包含该文档的标题,文档使用的脚本,样式定义,元数据等信息

body

标识HTML文档的体部

body中的内容可以显示到浏览器中。

4.颜色与大小

1)颜色

颜色由红(R)、绿(G)、蓝(B)组成,每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF)。十六进制值的写法为#号后跟三个或六个十六进制字符。

3位十六进制:6位16进制:rgb:颜色

#000:#000000:rgb(0,0,0):黑色-black

#F00:#FF0000:rgb(255,0,0):红色-red

#FFF:#FFFFFF:rgb(255,255,255):白色-white

2)大小

px像素

5.标签介绍

标签:网页上显示的内容放在这里

注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

字体:

<font>字体标签

语法:

<font>字体标签</font>

<p>标签:如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。

语法:

<p>段落文本</p>

注:一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。

<hx>标题文本</hx>(x为1-6)

语法:

标题文本(x为1-6)

我们使用标签来制作文章的标题。

标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。

加入强调语气,使用<strong>和<em>标签

语法:
<em>需要强调的文本</em>

<strong>需要强调的文本</strong>

<em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。

<span>标签:为文字设置单独样式

语法:

<span>文本</span>

我们对<em>、<strong>、<span>这三个标签进行以下总结:

(1)<em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。

(2)<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰