前端三驾马车

最新推荐文章于 2022-11-05 16:13:18 发布

码海遨游

最新推荐文章于 2022-11-05 16:13:18 发布

阅读量753

点赞数 1

本文链接：https://blog.csdn.net/weixin_46221246/article/details/104582070

版权

HTML简介
- HTML是超文本标记语言（Hypertext Markup Language）的简称，用于定义内容结构。HTML具有多个版本，目前我们用的是HTML5。
- W3C：万维网联盟（技术标准机构）。
- CSS：层叠样式表（Cascading Style Sheets）简称，用于定义外观的表述性语言。
- JavaScript：是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。用于丰富页面的形态。
HTML的元素认识

元素通过使用**< >**识别，尖括号里面是元素名称。例如：
，h1表示一级标题。这样就创建了一个标记也称标签，通常标签成对出现。

例如：
```
                  <h1> XXXXXXXXXXXX</h1>
                  
```
像这样以
为开始标记，以
为关闭标记的称为双标记。两个标记之间为元素的内容。

当然，有双标记就有单标记，常见的包括：、、、、
、

……
元素嵌套

元素嵌套是指一个元素放在另一个元素里时，形成的树状结构。其结构如下图：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GpEIyjr4-1582981981187)(G:\summary of study\week1\photo of relationship.png)]

元素嵌套导致元素之间存在关系：
- 父子关系：如图绿圈所示，连线的上端表示父级，下端表示子级。
- 兄弟关系：如图红框所示，同一个父级下面的多个元素之间的关系。
- 祖先关系：如图红圈所示，能够连线追溯源头，并且跨越两代及以上的祖孙关系。

元素属性

元素的属性存在开始标签中。例如：

<a 属性名="属性值"> XXXXX </a>
举例：
<a color="red"> XXXXXX </a>
<a style="color:red"> xxxxxx </a>

CSS引用

CSS层叠样式表，主要对结构的修饰。其主要三种样式表形式：

外部样式表：使用时需用导入。

外部样式表，说明其在.html格式文件外引用.css文件。
例如：我们需要为.html文件的h1字体颜色改为红。此时.css文件中应该写：
	h1{
		color:red;
	}
而.html文件中需要使用link元素引入.css文件：
<head>
	<link rel="stylesheet" href="X.css">
</head>

内部样式表：使用时需用

文本 b：凸显文本 i：应区别对待文本

a标签

用法：
```
<a href="#" target="_blank">XXX</a>
```
herf通常写链接，例如：http://www.baidu.com；target默认值为_self表示为本窗口打开，

_blank表示新窗口打开。

码海遨游

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端三驾马车

学习总结1前端初识HTML是超文本标记语言（Hypertext Markup Language）的简称，用于定义内容结构。HTML具有多个版本，目前我们用的是HTML5。W3C：万维网联盟（技术标准机构）。CSS：层叠样式表（Cascading Style Sheets）简称，用于定义外观的表述性语言。JavaScript：是一种具有函数优先的轻量级，解释型或即时编译型的编程语言...
复制链接

扫一扫