<!--html5文档声明-->
<!DOCTYPE html>
<html>
<!--网页的头部,标题,引用CSS,关键字-->
<head>
<meta charset="utf-8">
<title>网页的眼睛</title>
</head>
<body>
<!--网页的正文内容-->
<h1 id="tt">welcome to my web Page</h1>
<!-- input/文本框 ,单标签-->
<input type="text" value="我是value属性值"/>
<input type="password" value="我是value属性值"/>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 基本标签 -->
<!-- p标签 段落标签 双标签 用于放段落文字-->
<!-- align 设置段落的对齐方式,left,center,right -->
<p align="center">
<!-- br 换行标签 单标签 -->
明月几时有,<br />
把酒问青天,<br />
不知天上宫阙,<br />
今夕是何年.
</p>
<!-- div区块标签, 分区用, 放其他标签和内容 -->
<div>
</div>
<!-- 字体标签 -->
<font size="24" color="blue">
lala
</font>
<!-- 标题标签 -->
<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
<!-- pre 原样输出 -->
<pre>
function mufun(){
alert("mmmmm");
}
</pre>
<!-- 水平线 单标签 长宽单位 百分制 像素px -->
<hr/>
<hr width="80%"/>
<hr width="500px" align="right"/>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 网页是由 -->
<!-- 无序列表 列表 和 列表的项 -->
<!-- type 属性 : disc实心圆点 square实心方点 circle空心圆 -->
<ul type="square">
<li>苹果</li>
<li>橘子
<ul type="disc">
<li>沙糖桔</li>
<li>丑橘</li>
</ul>
</li>
<li>香蕉</li>
</ul>
<ol >
<li>苹果</li>
<li>橘子
<ol type="disc">
<li>沙糖桔</li>
<li>丑橘</li>
</ol>
</li>
<li>香蕉</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>我的电脑文件列表</h1><br/>
<ul type="disc">
<li>我的电脑
<ul type="circle">
<li>本地磁盘(C:)
<ul type="square">
<li>我的文档</li>
<li>我的收藏</li>
</ul>
</li>
<li>本地磁盘(D:)
<ul type="square">
<li>我的游戏</li>
<li>我的资料</li>
<li>我的电影</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
