HTML5 入门知识点
*HTML语言
1.超文本标记语言
2.不区分大小写,但是建议小写
3.浏览器在运行HTML时候,会将所有标签,转换成小写
4.html的标记(标签):
(1)单标签 例如:<hr/>
横线 <br>
换行
(2)双标签 例如:<body></body>
5. 注释:ctrl+/
代码格式化: alt +shift + F
HTML标签
1.块级标签,占用一行:<h1></h1>
<p>
<br>
<hr>
2.行内元素,不换行:
<span></span>
<img src="图片路径" alt=图片不出来时,显示的文字" title="鼠标悬停时,显示的文字"> 图片标签
<a href="链接到的地址"> </a> 超链接
3.<p></p>
是段落标签,自带换行效果
4.绝对路径、相对路径的区别
绝对路径:从磁盘根目录出发,eg:(D://images/1.jpg)
相对路径:
“./” 当前目录
“…/” 父目录
CSS
1.依赖于html
2.在HTML中如何引入CSS:
(1)通过<style></style>
标签
(2)通过外部样式引入
3.如何定义样式:
标签选择器{
样式属性:值;
样式属性:值;
}
.类选择器{
样式属性:值;
样式属性:值;
}
#id选择器{
样式属性:值;
样式属性:值;
}
3.常用到的样式:
字体:
color:
16进制的数字
RGB色
font-size:字体大小尺寸
font-weight:字体胖瘦
边框:
border
border-color
border-style
border-width
border-top-color
border-right-color
border-bottom-color
border-left-color
尺寸:
width:
height:
文本对齐方式:
text-align:center
left
right
文本装饰:
text-decoration:none 去除文本装饰