一、首先我们讲一下html的定义,就是初识html
html是一种超文本标记语言,而不是一种编程语言,然而标记语言是一套标记标签
总结:html作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来
然后html的基本骨架格式:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
二、html中的标签
标签有很多,而html中的常用标签有:
标题标签:<head> , <h1>~<h6>(字体逐级递减,缩小)
段落标签:<p>
水平线标签:<hr />是单表签
换行标签:<br />
div标签:<div> ,<span>
图像标签:<img>
文本格式化标签:<b></b>,<strong></strong> 字体以粗体方式显示
<i></i> ,<em></em> 字体以斜体方式显示
<s></s> ,<del></del> 字体以加删除线方式显示
<u></u> ,<ins></ins> 字体以加下划线方式显示
<b>,<i>,<s>,<u> 只有使用没有强调的意思<strong>,<em>,<del>,<ins> 语义更强烈
链接标签:<a>标签 有外连接和内连接之分 <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
锚点定位:<a href="#live"> aaaaaaa </a>
<h3 id="live"> aaaaaaa </h3>
base标签:可以设置整体链接的打开状态 <base traget="_blank"/>
特殊字符标签:见图看
注释标签:<!-- 自己要注释的内容 -->
*html中最常用的清除浮动:
.clearfix::after {
display: block;
clear: both;
height: 0;
overflow: hidden;
content: “”;
}
.clearfix {
zoom: 1;
}
html中的块元素:div p ul ol dl 等
html中的行内元素:span a em i b等
html中的行内块元素:img input textarea
三、css样式和属性
1、图片的一些属性:
图片的背景颜色:background-color
背景图片:background-image:url
背景图片是否平铺:background-repeat:no-repeat
背景图像是否固定或者随着页面的其余部分滚动: background-attachment:fixed
背景的位置:background-position
下面是上课学到的一些: