边看视频边写代码练习,笔记也就写在里面了
<html>
<head>
<title>
HTML常用标签学习
</title>
</head>
<!-- <br /> 换行 -->
<!-- <p> 段落 -->
<!-- <center> 居中 -->
<!-- <pre> 保留文字在源代码中的格式 -->
<!-- <ul><li> 无序的列表 -->
<!-- <ol><li> 有序的列表 -->
<!-- <hr /> 水平分割线 -->
<body>
<!-- 换行 源代码中敲入多个空格和换行 都只认为是一个空格 -->
------------------------------------------------------<br />
testtext testtext
testtext testtext<br />
------------------------------------------------------<br />
<!-- 空格的实体 如果要插入多个空格就要插入多个实体 -->
<!-- <p> 段落标签 结束后会自动插入换行-->
<p style="color:red"> HELLO WORLD! </p>
<p style="font-size:3cm"> HELLO WORLD! </p>
<!-- <center> 居中 -->
<center> 我是居中文字哦~! </center>
<!-- <pre> 保留和源代码格式一致 -->
aaa bbb cccc
ddddddddddddddddddddddd dd
<pre>
aaa bbb cccc
ddddddddddddddddddddddd dd
</pre>
<!-- <ul> <li> 无序列表 -->
<ul>
<li> 第一行 </li>
<li> 第二行 </li>
<li> 第三行 </li>
<li> 第四行 </li>
</ul>
<br>
<ul>
<li>第一行
<ul>
<li> 第一行 -- 1 </li>
<li> 第一行 -- 2 </li>
<li> 第一行 -- 3 </li>
<li> 第一行 -- 4 </li>
</ul>
</li>
<li>第二行
<ul>
<li> 第二行 -- 1 </li>
<li> 第二行 -- 2 </li>
<li> 第二行 -- 3 </li>
<li> 第二行 -- 4 </li>
</ul>
</li>
</ul>
<!-- <ol> <li> 有序列表 -->
<ol>
<li> 第一行 </li>
<li> 第二行 </li>
<li> 第三行 </li>
<li> 第四行 </li>
</ol>
<br>
<ol>
<li>第一行
<ol>
<li> 第一行 -- 1 </li>
<li> 第一行 -- 2 </li>
<li> 第一行 -- 3 </li>
<li> 第一行 -- 4 </li>
</ol>
</li>
<li>第二行
<ol>
<li> 第二行 -- 1 </li>
<li> 第二行 -- 2 </li>
<li> 第二行 -- 3 </li>
<li> 第二行 -- 4 </li>
</ol>
</li>
</ol>
<!-- <hr /> 水平分割线 -->
<!-- 常见属性的应用 (仅仅作为例子,不推荐使用) -->
<hr />
<hr width="800" size="50" noshade /><!-- noshade 是布尔型的,因此只用写出来不用赋值即可 -->
<hr width="60%" size="100" color="red" >
</body>
</html>