HTML（上）
HTML内容（上）
HTML 标题
· HTML的标题是通过-来进行定义的。
'这是一级标题
'
'这是二级标题
'
依次类推总共有六级标题
HTML 段落
· HTML段落是通过来实现的。
'
这是一个段落标签
'
主要适用于将这一段内容包裹起来，便于后期的统一设计。
p标签本身没有效果，标签内的内容与标签外的内容空一行（自动换行）
HTML 链接
· HTML链接是通过标签来定义的。
`这是通往百度的地址`
HTML 图像
· HTML 图像是通过
`
没有结束，里面添加一些属性。src里面是图片的链接，alt里面是图片的描述。可以通过width和height来设置图片的尺寸。'
HTML 属性
· HTML元素可以设置属性
· 属性可以在元素中添加附加信息
· 属性一般描述于开始标签
· 属性总是以名称/值对的形式出现，比如'name = "value"'
| 属性 | 符号 | 描述 |
|---|---|---|
| id | # | id是唯一的 |
| class | · | class可以同时存在很多个 |
HTML 样式
· 背景样式
<h4 style="background:red">这是一个四级标题</h4>
· 字体样式
<h1 style="color:green; font-family:楷体">这是一级标题</h1>
· 字体大小
<p style="font-size:20px">内容</p>
· 文本对齐
<p style="text-align:center">//居中对齐
<p style="text-align:left">//居左对齐
<p style = "text-align:right">//居右对齐
· 上述合并
<h1 style="color:green; font-family:楷体; font-size:15px; text-align:center">这是一级标题</h1>
· 批量处理（class属性的应用）
<style>
.demo{
text-align:center;
color:red;
font-family:楷体
}
</style>
<h6 class="demo">这是六级标题</h6>
<h6 class="demo">这是六级标题</h6>
<h6 class="demo">这是六级标题</h6>
<style>
#txt{
text-align:center;
color:yellow;
font-family:宋体;
}
h2{
text-align:center;
color:green;
font-family:爱奇艺黑体;
}
</style>
<h6 id="txt">id的“style应用”</h6>
<h2>这是二级标题</h2>
<h2>这是二级标题</h2>
<h2>这是二级标题</h2>`
本文地址：https://www.yitenyun.com/5784.html
上一篇：HTML（上）
