超文本:超越了文本的限制,比普通文本更强大。除了文字 信息,还可以定义图片、音频、视频等内容 标记语言:由标签构成的语言
1.新建文本文件,后缀名改为.html2.编写 HTML 结构标签 3.在<body>中定义文字
<html>
<head>
<title></title>
</head>
<body>
<font color = "red">乾坤未定,你我皆是黑马</font>
</body>
</html>
html 表示颜色:1.英文单词:red,pink,blue...2.rgb(值 1,值 2,值 3):值的取值范围:0~255rgb(255,0,0)3.#值 1 值 2 值了:值的范围:00~FF
转义字符
有序列表
无序列表
type:设置项目符号
CSS(Cascading Style Sheet):层叠样式表
结构:HTML 表现:CSS 行为:JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
color:red;
}
</style>
</head>
<body>
<div>Hello CSS~</div>
</body>
</html>
CSS 导入 HTML 有三种方式:
1.内联样式:在标签内部使用 style 属性,属性值是 css 属性键值对 <div style="color:red">Hello CSS~</div> 2.内部样式:定义<style>标签,在标签内部定义 css 样式 <style type="text/css"> div{ color:red; } </style> 3.外部样式:定义 ink 标签,引入外部的 css 文件 <link rel="stylesheet"href="demo.css"> demo.css div{ color:red; }
2.1 概念:选择器是选取需设置样式的元素(标签)
div{
color:red;
}
2.2 分类
2.2.1 元素选择器
元素名称{color:red;}
div{color:red;}
2.2.2id 选择器
#id属性值{color:red;}
#name{color:red;)
<div id="name">hello css2</div>
2.2.3 类选择器
.class属性值{color:red;}
.cls{color:red;}
<div class="cls">hello css3</div>