HTML+css基础培训上课笔记

2月14日( lesson1)

每天必做
  1. 新建属于当天的文件夹,文件夹的命名不要有中文,将当天所有的笔记和代码放到当前新建的文件夹里面。

 

HTML 标记语言、基本结构
<DOCTYPE html>声明文件类型(告诉浏览器接下来写的是html代码/文档头)
<html> 包裹所有的html标签

<head>包裹网页相关信息

<meta charest="UTF-8"/>设置字符集 GBK/UTF-8

<title>这是我的第一个网页</title>网页名字

</head>

<body>包裹网页内容

</body>

</html>
标签
h1~h6 没有h7、h8、、、、、标题标签
a 超链接 通过href属性控制跳转路径
p 段落标签
b 加粗标签
u 下划线
s 删除
i 斜体
br 换行符
hr 分割线
div 无意义标签
span 无意义标签
 
img 单标签 src属性控制图片
块级元素:独占一行、可设置宽高、可包含行内元素
行内元素(内联元素):可并排、不可设置宽高,宽高由内容撑开(img)
 
路径:相对路径(相对于当前文件 )、绝对路径(相对于系统所处的位置)、网络路径
./ 当前目录 ..上级目录 /目录下面
 
2月15日(lesson02)
  1. css是什么

层叠样式表 作用:美化HTML

 
  1. css的引入方式
1>将css写在style中
2>用link引入
3>写在标签对style中
 
  1. css语法
选择器{

属性:值;

}
 
3.选择器
1>标签
标签名{
属性:值;
}
2>class选择器
.类名{
属性:值;
}
3>id选择器
#{
属性:值;
}
4>通配符选择器
*{
属性:值;
}
 
4.选择器的优先级
通配符选择器<标签选择器<class选择器<id选择器<内联样式<!important
通配符选择器 0
标签选择器 1
class选择器 10
id选择器 100
行内样式 1000
!important 10000
 
5.注释
作用:将代码屏蔽掉
HTML <!--内容-->
css /*内容*/
 
二、列表
<ul>
<li>无序列表</li>
</ul>
 
<ol>
<li>有序列表</li>
</ol>
 
三、表格
使用table标签,包含tr标签(代表行),tr标签包含th(文字加粗)或td(普通)(单元格)
rowspan=“n”合并列 colspan=“n”合并行 cellspacing 属性规定单元格之间的空间

猜你喜欢

转载自www.cnblogs.com/yuxiaoge/p/10390153.html