<h1>……</h1>
header1 一级标题;
h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构、写作文、PPT等。h1是主标题,h2是副标题,h3、h4、h5、h6依次递减字体的大小。
<p>……</p>
p是英文paragraph段落的缩写,常用于创建一个段落
<!--……-->
用于注释
lorem ipsum text
一般用于占位符,占位符就是占着位置的一些文字,没有实际意义。
<h1 style = "color : …">……</h1>
inline style内联样式:通过元素中的style样式修改文本颜色
内联样式为元素添加样式的最简单有效的方式,但是更易于维护的方式是使用层叠样式表CSS(Cascading Style Sheets)
<style>
选择器 {属性名称:属性值;}
……
</style>
元素选择器
注意:一定要在属性值的后面加上分号;。
<style>
.类名称 {
属性名称: 属性值;
}
</style>
类选择器
注意:在CSS中,类选择器应该添加.为前缀。而在HTML中,class属性不能添加.为前缀。
font-size 字号属性font-family 字体属性
<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css">
用link标签来外部样式,如引入谷歌Lobster字体。
有几种默认的字体是所有浏览器都可用的,包括Monospace、Serif和Sans-Serif。当某种字体不可用时,你可以让浏览器自动降级到另一种字体。也可限定降级顺序,如:
p {
font-family: Helvetica, Sans-Serif;
}
<img src="……">
添加图片。图片样式也可利用选择器进行控制,width
边框属性:border-color, border-width, border-style, border-radius...
alt属性,也被称为alt text, 是当图片无法加载时显示的替代文本。alt属性对于盲人或视觉损伤的用户理解一幅图片中所描绘的内容非常重要,搜索引擎也会搜索alt属性。
<a href="……">……</a>
既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。
有时想为网站添加一个a元素,但此时还不知道要链接到哪儿,此时可以使用固定链接。把a元素的href属性的值替换为一个#,别名hash(哈希)符号,将其变为一个固定链接。
<ul>
<li>……</li>
……
<li>……</li>
</ul>
用于创建unordered lists(无序列表), 或带项目符号的列表。无序列表以<ul>元素开始,并包含一个或多个<li>元素。
<ol>
<li>……</li>
……
<li>……</li>
</ol>
用于创建ordered lists(有序列表), 或数字编号列表。有序列表以<ol>元素开始,并包含一个或多个<li>元素。