本篇内容主要讲解“html和css基础知识有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html和css基础知识有哪些”吧!
Html是超文本标记语言(英语全称:超文本标记语言,简称:Html)是一种用于创建网页的标准标记语言。
Css是层叠样式表(英文全称:级联样式表)是一种用来html和xml等文件样式的计算机语言,Css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
一。基础内容:
标记=开始标记+内容+结束标记
标记可以嵌套使用,例如:页面主体标记中含有标题标记,段落标记。
有些标记有属性,具体格式,以一个标记为例,xxxx其中使为标记的属性。
设计为没有任何内容的元素称为空元素,需要使用空元素时,只需要使用一个开始标记,这是一种方便的简写,可以减少html中的标记数量
二。常用标记的使用与意义:
& lt; !doctype html> html5的文档类型定义,这一行要写到html文件开头
& lt; html> & lt;/html>标记html页面的开始和结束
& lt; head> & lt;/head>标记页面的有关信息
& lt;元charset=皍tf-8"祝辞标记指定字符编码,这一行要写到& lt; head>元素中所有其他元素上面
& lt; title> & lt;/title>为页面指定一个标题,标记中的内容出现在浏览器的顶部
& lt; body> & lt;/body>标记页面的主体内容
& lt; !——xxxxx祝辞中间xxx的内容为注释的内容
编写html时要把首部和页面主体分开
& lt; h2> & lt;/h2>为主标题,从& lt; h3>到& lt; h7>依次为副标题,字体由大到小
& lt; p> & lt;/p>开始一个段落
& lt; blockquote>& lt;/blockquote>
标签定义块引,用之间的所有文本都会从常规文本中分离出来,经常会在左,右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间
插入一个换行符
& lt; q>
标签定义一个短的引,用浏览器经常会在这种引用的周围插入引号
需要了解的内容(一些老版本弃置的元素与不建议使用的元素,做到看见了要明白其含义)
& lt; ol> & lt;/ol>定义一个有序列表
& lt; ul>
标签定义无序列表
& lt; li>
标签定义列表项目,& lt; li>
标签可用在有序列表
(& lt; ol>)
和无序列表
(& lt; ul>)
中
& lt; dl>
标签定义一个描述列表,& lt; dl>
标签与
& lt; dt>(定义项目/名字)和
& lt; dd>(描述每一个项目/名字)一起使用
标签告诉浏览器把其中的文本表示为强调的内容,对于所有浏览器来说,这意味着要把这段文字用斜体来显示
& lt;身体背景=皒xx"文本=皒xxx"祝辞,背景属性设置页面颜色,文本属性设置文本颜色
& lt;字体=癮rial"祝辞xxxx利用字体元素改变字体
& lt; center> & lt;/center>对其包围的文本进行水平居中处理
一些字符实体
& lt;显示为& lt;
在显示为祝辞
吧显示为?
三。一个简单的html框架
<强> & lt; !doctype html> 强>
& lt; html>
,,, & lt; head>
,,,,,,,, & lt;元 charset=皍tf-8"祝辞,
,,,,,,, & lt; title>你好个克隆人! & lt;/title>
,,, & lt;/head>
,,, & lt; body>
,,,,,,, & lt; h2>演示文件,页面显示hello world ! & lt;/h2>
,,,,,,, & lt; p>
,,,,,,,,,,,你好个克隆人!
,,,,,,, & lt;/p>
,,, & lt;/body>
& lt;/html>
四。在页面中插入一个链接
用于创建指向其它页面的链接,元素中的内容就是链接文本,在浏览器中链接文本会显示有下划线,指示这是可单击的,例如:
& lt; a href=https://www.yisu.com/zixun/?链接目标文件的路径或url)“
title=拔谋久枋觥白4?链接文本)
href属性指向链接文件的路径
rirle属性所需链接页面的文本描述
加入id属性用于具体指向某个链接的某个标题,例如:
& lt; href=https://www.yisu.com/zixun/" index . html #标识符“> xxxxx >
并同步页面中的标题,链接所使用的标识符要与标题的标识符设置一致
& lt; h3 id=氨晔斗白4莤xxxx
加入目标属性,使浏览器打开链接时为单独的窗口,而不是同一窗口,例如: