潭州学院html学习（day02）
补充
<html>标签：
- 标记标签通常被称为HTML标签（html tag）
- 由尖括号组成的关键词，比如<html>
- 标签成对出现，第一个开始标签（开放），第二个结束标签（闭合）。比如<head></head>标签必须闭合。
- 单标签加“/”闭合。如：<meta>,也可以不加，如：<meta>
html标签属性： 能赋予标签一些作用，格式为：属性名="属性值"的格式写在开始标签内，同一个标签可以有多个标签属性，如下meta标签的，charset,name,content,html的标签lang，都是标签属性，在这里meta标签通过不同的标签属性起到了不同的作用。
注释： 注释相当于说明书，与主要内容的解析没有任何作用，注释的任何内容不会出现在浏览器中，就像电视的说明书一样，对电视机的作用，参数做出解释
html里面的注释：<!-- -->
css里面的注释： //单行注释
/*
*/多行注释
HTML中注释的快捷键：Ctrl+/
一.html基本标签分类（本文许多内容引用自0&，链接https://www.cnblogs.com/sin0/p/7041248.html）
HTML标签的分类：
块级标签：显示为块状，独占一行，自动换行。
行级标签：在一行中，从左往右依次排序，不会自动换行。
【行级标签和块级标签的区别：】
1、块级标签：默认宽度100%（占满一行）；
①成对标签：成对出现，有开始标签，必须有结束标签，内容包含在两个标签之间。
例如<h1></h1>
②自闭和标签（空标签）：只有一个标签，用/表示标签的自闭和（/可以省略）
例如<link/><meta/><hr/>
- 标题标签
- 分割线标签
- 段落标签
- 换行标签
- 预格式
- 块引用标签<blockquote cite="http://www.baidu.com"></blockquote>
四.基本行级标签
- span标签：
- 超链接标签a
四.CSS
在浏览器里面以px为单位，标签有标签属性，同时也有css属性
css属性写法：
属性: 值; (冒号和分号统统用英文状态下的符号)
常见的css属性：
height: 50px; //宽度
width: 200px; //高度
background: green; //背景
color: #fff; //字体颜色 颜色值可以用英文单词书写
font-size: 30px; //字体的大小
样式分类：
行内样式：style="height: 50px; width: 200px; background: green; color: white;"
内部样式(css属性的写法和行内一模一样)：
<style>
h2(选择器){
height: 50px;
width: 200px;
background: green;
color: #fff;
}
</style>
更提倡内部样式写法：模块化
基本的选择器：
标签选择器：标签名
class类选择器：好比每个人的小名，可以有很多个
<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>这是h1标签</h1> <h2>这是h2标签</h2> <h3>这是h3标签</h3> <h4>这是h4标签</h4> <h5>这是h5标签</h5> <h6>这是h6标签</h6> <hr/> <p>这是一段文字这是一段文字这是一段文字<br/>这是一段文字这是一段文字这是一段文字</p> <p>这是一段文字这是一段文字这是一段文字<br/>这是一段文字这是一段文字这是一段文字</p> <pre> 这是一段文字 这是一段文字 这是一段文字 这是一段文字 </pre> <!-- pre标签：预格式标签。会保留代码中的空格，回车等符号，直接在浏览器显示 pre标签常用于在网页中显示代码，保留代码格式！！ --> <blockquote cite="http://www.baidu.com"> 光明正大的抄你的！ </blockquote> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li>这是无序列表第一项</li> <li>这是无序列表第二项</li> <li>这是无序列表第三项</li> <li>这是无序列表第四项</li> </ul> <ol> <li>这是有序列表第一项</li> <li>这是有序列表第二项</li> <li>这是有序列表第三项</li> <li>这是有序列表第四项</li> <dl> <dt>这是dl列表的标题</dt> <dd>这是dl列表的描述项1</dd> <dd>这是dl列表的描述项2</dd> <dd>这是dl列表的描述项3</dd> </dl> <figure> <img src="img/icon.jpg"/> <figcaption>图片的描述标题</figcaption> </figure> <div style="width:500px;height:100px;background-color:yellow ;"> 这是div里面的文字 <p>11111</p> </div> </body> </html>
