一、HTML5的基本元素:
1. 大部分元素都有一个开始标记和一个结束标记。开始标记和结束标记的唯一区别就是结束标记多了一个/。例如<h1></h1>
2. 标题:<h1> </h1>
h是英文header标题的缩写,h1是主标题(一级标题),h2是副标题(二级标题),h3、h4、h5、h6依次递减字体的大小。
3.
段落:<p></p>
p是英文paragraph段落的缩写,经常被用来创建一个段落。
4.
注释:<!—内容-->
5.
图片:<img scr=”具体地址”>
6.
Web开发者通常用lorem ipsum text来做占位符,占位符就是占着位置的一些文字,没有实际意义。
二、属性的设置:
1.内联样式
例如:<h2 style="color: blue">文字</h2> 这里的style="color:
blue"就是颜色属性,这句话表示给h2元素添加了inline
style(内联样式)。
2.使用层叠样式表CSS(Cascading Style Sheets),更易于维护。
在代码的最顶端,创建一个如下的style元素:
<style>
元素选择器 {属性名称: 属性值;}
</style>
注意:一定要在属性值的后面加上分号;,表示给所有的h2元素都添加了这样的属性。
(1)
元素选择器(h1、h2、p…)
例如:<style>
h2
{
color:
blue;
}
</style> //h2便是元素选择的结果
(2)类选择器(class):需要在每个类前面加一个点.
例如:<style>
.blue-text {
color: blue;
}
</style> //在每个元素中只需要添加class=“类名” 就可以了。如果需要添加的有多个属性类,则class=“类名1 类名2” 即可(中间空格号分开)。
三、属性
1.字号:font-size: 30px;
2.字体:font-family:
Sans-serif;
有几种默认的字体是所有浏览器都可用的,包括Monospace、Serif和Sans-Serif。如果该字体1不可用时,则下降到字体2:front-family:字体1,字体2;即可.
3.边框半径属性:border-radius
四、标签
1. link标签:<link
href="https://fonts.gdgdocs.org/css?family=Lobster"
rel="stylesheet" type="text/css"> //代码顶部用link标签来引入谷歌Lobster字体,然后字体属性就可以写为:font-family: Lobster ;则引入了谷歌字体。
//做了个别的基本简介,以后遇到新的知识会及时跟进!