<html>:页面的框架标签
<head lang="en">
<meta charset="UTF-8"> :声明字符编码。
<title></title> :设置页面的标题。
</head>
<body> :设置页面的内容。
</body>
</html>
内部样式表:不推荐使用?当出现多个页面使用相同样式时,本页面的内部样式表无法使用。
<style type="text/css">
选择器:
标签选择器
标签名{样式1;样式2;...;样式n;}
类选择器
id选择器
2、通过链接的方式使用样式文件
<link href="css/day01_c.css" rel="stylesheet" type="text/css" />
<head lang="en">
<meta charset="UTF-8"> :声明字符编码。
<title></title> :设置页面的标题。
</head>
<body> :设置页面的内容。
</body>
</html>
<h1></h1>:标题标签,只有<h1~h6></h1~h6>
空标签
<input />:表单元素
<img />:图片
<link />:链接
<br />:换行,不具有行距
<hr />:分隔线
基本标签
<h1></h1>:标题标签
<p></p>:段落标签,是具有行距
标签属性:
class:类属性
Id:id属性
style:样式属性
href:超链接路径属性
target:目标属性
src:图片路径属性
title:鼠标移动到图片上 出现图片说明、
alt:图片无法访问时,出现alt。
标签的分类:
块级标签:会让页面元素换行的标签如下:
<h1>
<p>
<br />
<hr />
<div>:只会换行,没有默认样式
行内标签(内联标签 ):不会让页面元素换行的标签如下:
<input />
<img />
<span>:不会换行,没有默认样式
css的样式:
css:层叠样式表,用于对标签所包含的内容添加样式效果
css样式表:内部样式表:不推荐使用?当出现多个页面使用相同样式时,本页面的内部样式表无法使用。
<style type="text/css">
选择器:
标签选择器
标签名{样式1;样式2;...;样式n;}
类选择器
id选择器
</style>
外部样式表:推荐使用
1、新建外部样式表的文件 .css2、通过链接的方式使用样式文件
<link href="css/day01_c.css" rel="stylesheet" type="text/css" />
行内样式: style="color:red;" 不推荐使用