一、页面内容
我是宋体
我是隶书
我是加粗样式 我是斜体样式 我是下划线样式
我是加粗斜体下划线样式
我是第一段
我是第二段
111111
222222
333333
444444
555555
666666
下面是列表
- 列表1
- 列表2
- 列表3
- 列表4
- 有序列表1
- 有序列表2
- 有序列表3
- 有序列表4
- 有序列表5
- 有序列表6
点此前往度娘
点此前往贴吧
move!
死循环
二、知识点
1.语句
1.html的基本样式
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
2.换行及下划线
<br>//换行
<hr>//下划线
3.字体样式
<font></font>//对字体的设置
<font color=" red(字体颜色)" size="6(字体大小)" face="隶书(字体格式)"></font>
我是隶书
<b>
我是加粗样式
</b>
<i>
我是斜体样式
</i>
<u>
我是下划线样式
</u>
<p>
我是段落
</p>
<p align=center>//align是对齐方式
</p>
我是加粗样式
我是斜体样式
我是下划线样式
我是加粗斜体下划线样式
我是段落
4.标题
<h1~6>//标题
<h1>111111</h1>
<h2>222222</h2>
<h3>333333</h3>
<h4 >444444</h4>
<h5>555555</h5>
<h6>666666</h6>
111111
222222
333333
444444
555555
666666
5.无序列表及有序列表
<ul>//无序列表
<ol>//有序列表
<li>//列表元素
type有:disc(默认实心圆)square(实心矩形)circle(空心圆)
<font color="red">
<h3>下面是列表</h3>
<ul type="square" style="color: rgb(75, 139, 192);">
<li>列表1</li>
<li>列表2</li>
</ul>
<font face="宋体">
<ul type="circle" style="font-size: xx-large">
<li>列表3</li>
<li>列表4</li>
</ul>
</font>
</font>
<ol type="i" start="2">
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4</li>
<li>有序列表5</li>
<li>有序列表6</li>
</ol>
<br>
下面是列表
- 列表1
- 列表2
- 列表3
- 列表4
- 有序列表1
- 有序列表2
- 有序列表3
- 有序列表4
- 有序列表5
- 有序列表6
6.网址和函数的引用
<a href="http://www.baidu.com" target="_blank">
点此前往度娘
</a>
<hr>
<a href="https://tieba.baidu.com" target="_blank">
<font color="blue">
点此前往贴吧
</font>
</a>
<br>
<a href="javascript:alert('get out away!!!')">
move!
</a>
<hr>
<a href="javascript:test()">
死循环
</a>
函数的定义放于/body>后</html前
</body>
<script>
function test(){
alert('无情铁手!!!')
alert('致残打击!!!')
alert('大杀四方!!!')
while(true){
alert('西内!!!')
}
}
</script>
</html>
2.代码实现
代码如下(示例):
<html>
<head>
<title>标题</title>
</head>
<body>
hello world
<br>
<font color="purple" size="5" face="宋体">
我是宋体
</font>
<br>
<font color=" red" size="6" face="隶书">
我是隶书
</font>
<br>
<b>
我是加粗样式
</b>
<i>
我是斜体样式
</i>
<u>
我是下划线样式
</u>
<br>
<font color="purple" size="7" face="方正舒体">
<b><i><u>我是加粗斜体下划线样式</b></i></u>
</font>
<p align="left" >我是第一段</p>
<p align="center">我是第二段</p>
<h1>111111</h1>
<h2>222222</h2>
<h3>333333</h3>
<h4 align="right">444444</h4>
<h5>555555</h5>
<h6>666666</h6>
<hr>
<font color="red">
<h3>下面是列表</h3>
<ul type="square" style="color: rgb(75, 139, 192);">
<li>列表1</li>
<li>列表2</li>
</ul>
<font face="宋体">
<ul type="circle" style="font-size: xx-large">
<li>列表3</li>
<li>列表4</li>
</ul>
</font>
</font>
<ol type="i" start="2">
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4</li>
<li>有序列表5</li>
<li>有序列表6</li>
</ol>
<br>
<a href="http://www.baidu.com" target="_blank">
点此前往度娘
</a>
<hr>
<a href="https://tieba.baidu.com" target="_blank">
<font color="blue">
点此前往贴吧
</font>
</a>
<br>
<a href="javascript:alert('get out away!!!')">
move!
</a>
<hr>
<a href="javascript:test()">
死循环
</a>
</body>
<script>
function test(){
alert('无情铁手!!!')
alert('致残打击!!!')
alert('大杀四方!!!')
while(true){
alert('西内!!!')
}
}
</script>
</html>