程序员的知识教程库

网站首页 > 教程分享 正文

程序设计:HTML与CSS基本概念梳理(html和css简单例子)

henian88 2024-10-23 10:46:16 教程分享 5 ℃ 0 评论

其实我们学习任何一样东西我们首先学习的是概念、概念代表的是一种限定、也是一种对已有事物的一种概括、例如人的概念、有两条腿、有鼻子、有眼、会说人话这样的称为人、这就是一种限定或者说规定。当我们有了概念以后再在概念的基础上认识规律、例如人与人之间的朋友关系、夫妻关系等、这就是建立在人的概念上的。

现在我们认识HTML&CSS中的基础概念。

正文:

1、什么是HTML

HTML全称是超文本标记语言、一种标记语言、就是一种使用标记元素来写的一种文档。超文本就是摆脱单个页面的束缚、链接到其他页面。所以有两个主要功能是链接外部和标记。

2、什么是元素属性

属性是元素的附加信息、标记代表的是结构性的描述、而属性是对这个元素带来更多的个性化信息。注意的有以下几点:

@不能为HTML元素创建新的属性、浏览器不能识别。

@谁来决定支持那些属性、有一些标准委员会制定标准、其他公司来执行。

@一个给定元素只能支持特定属性、需要的时候可以查看手册、估计你记不下来。

3、HTML中元素分为两种块级元素和内联元素

块级元素:带有换行的标签就是块级元素、<br>标签不是虽然有换行但是没有内容只是换行。

内联元素:没有换行的标签元素就是内联元素。

4、盒子模型

每个元素都会有一些内容、如文本或图像、这个内容会放在盒子里、这个盒子含有内边距、外边距、中间的边框这些都可以通过CSS来改变样式。

5、流

浏览器从HTML文件最上方开始、从上到下沿着元素流逐个显示所遇到的各个元素、现在来看块元素。如下图

块元素示意图

内联元素示意图

内联元素示意图

块级元素和内联元素示意图

内联元素和块级元素集成图

今天先搞到这里、明天搞CSS、有不对的地方、各位大哥给予小弟暴力斧正、小弟感激涕零。。。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表