web前端技术——HTML、CSS

文章目录

  • 一、HTML
    • 1、概念
    • 2、细分
  • 二、CSS
    • 1、概念
    • 2、方法
      • (1)内联样式
      • (2)内部样式表
      • (3)外部样式表

一、HTML

1、概念

HTML,含义是超文本标志语言,它是一种用来创建超文本文档的标志语言。
那么什么是超文本呢?它是用HTML编写的文档中包含指向其他文档或资源的链接,该链接也被称为超链接(hyperlink)。通过链接,用户可以很容易的访问链接下的资源。

2、细分

HTML一般包含两类信息:一类是标记信息,包含在标签中,由一对尖括号“<>”作为定界符,其中是元素名和属性。另一类信息是文档的字符数据,他们位于标签的外部,一般是需要浏览器显示的信息。

标签一般分为开始标签和结束标签,开始标签内的单词名称为元素名称。

大家来看一些最常用的HTML标签;
web前端技术——HTML、CSS_第1张图片

二、CSS

1、概念

CSS,是层叠样式表的意思。它是用来表现HTML等文件样式的语言,CSS能偶真正做到网页表现和内容分离的一种样式设计语言。相对于传统的HTML表现而言,CSS可以对网页的对象位置进行像素级的精确控制,几乎支持所有字号字体样式,拥有对网页对象和模型样式的编辑能力,并且能够进行初步交互设计。

2、方法

(1)内联样式

内联样式,是在元素标签内使用style属性指定样式,style属性可以包含任何CSS样式声明,如下面代码使用color属性设置段落颜色;

<p style ="color :#000ff">该段落以蓝色显示.</p>

(2)内部样式表

内部样式表,是在单个页面中使用