Html基础学习

发表于 | 分类于

学习HTML笔记

常用HTML标记格式

课程安排

  • 标题标记
  • 段落标记
  • 换行与注释
  • 粗体与斜体
  • 删除线与下划线
  • 上标与下标

标题标记

设置正文标题

1
<h#>主题文字</h#>		（#代表数字）

段落标记(有空隙)

1
<p></p>

换行与注释

1
2
<br>		强制换行，之间没有空隙
<!--注释-->

粗体与斜体

1
2
<b>粗体</b>
<i>斜体</i>

删除线与下划线

1
2
<s>删除线</s>
<u>下划线</u>

上标与下标

1
2
<sup>上标</sup>
<sub>下标</sub>

字体标记

##课程安排

  • 设置字体大小
  • 设置字体颜色
  • 设置标题字体
  • 设置物理字体
  • 设置逻辑字体

###设置字体大小

1
<font size="1">设置字体大小</font>

###设置字体颜色

1
<font color="1">设置字体大小</font>

###物理字体

1
2
3
4
5
6
7
<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<tt>打字机字体</tt>
<sup>上标</sup>
<sub>下标</sub>

###逻辑字体

1
2
3
4
5
6
7
<em>强调文字</em>
<strong>字体加重</strong>
<code>显示编程代码</code>
<samp>显示示例文字</samp>
<kbd>显示键盘按键文字</kbd>
<small>缩小文字</small>
<big>放大文字</big>

#文字布局

##课程安排

  • 行的控制
  • 文字对齐
  • 段落设置
  • 列表
  • 其他方式修饰文本

###行的控制

  • 换行控制
1
2
文字一<p>文字二（单标记是换行作用；双标记是修饰作用）
<br>
  • 不换行控制
1
<nobr>不会进行换行</nobr>

###文字对齐

1
2
<p align="center">居中对齐</p>
<center>居中对齐</center>

###段落设置

1
2
<p>段落一</p>
<p>段落二</p>

###列表

  • 无序列表
1
2
3
4
5
<ul>
	<li>表项一</li>
	<li>表项二</li>
	<li>表项三</li>
</ul>
  • 有序列表
1
2
3
4
5
<ol>
	<li>表项一</li>
	<li>表项二</li>
	<li>表项三</li>
</ol>