初学前端——基本元素（1）

最近几天刚刚接触一些基本的前端知识，记录下来方便以后查阅。

基本元素

1.HTML标题

标题会自动粗体，并带有换行效果。一般分h1~h6.
——————————————————————————————

标题最大

...

标题最小

——————————————————————————————

<h1>标题最大</h1>
...
<h6>标题最小</h6>

2.HTML段落

p一般表示段落,会自带换行效果.
——————————————————————————————

这里代表一段

这里又代表一段

——————————————————————————————

<p>这里代表一段</p>
<p>这里又代表一段</p>

3.HTML字体效果

字体效果有粗体，斜体，下划线，删除线等等。
1）font实现字体大小，颜色调整。（font常用的属性有 color和size, 分别表示颜色和大小）
2）b,strong均可实现粗体效果。（根据所学strong更多强调语意上的加重，而b并无此含义）
3）i，em均可实现斜体效果。（根据所学em更多强调语意上的加重，而i并无此含义）
4）del可实现删除线效果。
5）ins实现下划线效果

——————————————————————————————
蓝色大三号字体
b实现的粗体效果
strong实现的粗体效果
i实现的斜体效果
em实现的斜体效果
del实现的删除线效果
ins实现的下划线效果
——————————————————————————————

<font  color=blue  size="+3">蓝色大三号字体</font>
<b>b实现的粗体效果</b>
<strong>strong实现的粗体效果</strong>
<i>i实现的斜体效果</i>
<em>em实现的斜体效果</em>
<del>del实现的删除线效果</del>
<ins>ins实现的下划线效果</ins>

注：颜色也可以用16进制表示，比如color=blue与color="#0000FF"相同

4.HTML预格式

根据我的理解，预格式的作用就是保留当前编写格式，不会串成一行。
比如网页显示一段代码时，预格式的作用就是保留编写代码时的对齐格式。
pre可实现预格式

<pre>
int main()
{
	printf("Hello,world!");
}
</pre>

5.HTML超链

a标签表示超链
点击此处进入CSDN

<a href="https://www.csdn.net/"> 点击此处进入CSDN </a>
注：href后面加的是跳转网址

6.HTML列表

列表分有序和无序列表，ol表示有序列表，ul表示无序列表

1. 铁拳
2. 安娜

——————————————————————————————

• 铁拳
• 安娜

<ol>
<li>铁拳</li>
<li>安娜</li>
</ol>
———————————————————————————————————————————————————————————————
<ul>
<li>铁拳</li>
<li>安娜</li>
</ul>

7.HTML内联框架

iframe可实现内联框架，即可以在网页中插入网页。

<iframe src="https://www.baidu.com/"   width="100px" height="100px">
</iframe>
注：src后面加插入网页的网址，width 和 height 代表显示插入网页的宽和高，
单位 px 表示像素。

总结

这篇文章只是列举了一些最最简单的知识点，学习前端知识的路途还很遥远，加油！！！