投稿 评论 顶部
 手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏

html课堂笔记1-1

佚名 学习资料

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度一下,你就知道</title>
</head>
<body>
我是一个HTML页面,想要在整个白色区域显示内容,就写在body里面
</body>

</html>

<!--注释:代码第一段!DOCTYPE html 这段代码表示这是一个html文档类型->


<!--注释2:第二行代码<html></html>,这个表示是html的文件,必须要以<html>开始并</html>结束-->

<!--注释3:第三行代码<head></head>这个是头部文件(英文发音“害的”)-->
<!--注释3:第四行代码中的<meta charset="utf-8">这个是告诉浏览器基于UTF-8编码开发的-->

<!--注释4::第5行代码中的<title></title>这个是标题栏,网页文章的标题在这里写(读法“泰特”)-->

<!--注释5:7行中的代码<body></body>这个代码是网页的主题,是要展示出来的(读法“博迪”)-->


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 段落 p是成对出现的-->
<p>我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容</p>
<p>我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容</p>
<p>我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容</p>
<p>我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容我是段落内容</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 无序列表 -->
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
</body>
</html>



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<!--注释:width="是表格宽度",height="表格高度",border="表格高度",bordercolor="边框颜色","&nbsp;"在语法中表示空格,cellspacing="单元格与单元格之间的间距",cellpadding="单元格与内容之间的空隙",align="表格对齐方式"取值:left\right\center,valign="垂直对齐"取值:top\bottom\middle,colspan="所要合并的单元格的列数",rowspan="所要合并单元格的列数"
表格的语法
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
说明:一对tr表示一行,一对td表示一列(一个单元格-->
<table width="300" height="200" border="1" cellpadding="0" cellspacing="0">
<tr>
         <td>&nbsp;</td>
     <td>&nbsp;</td>
<td>&nbsp;</td>

</tr>
<tr>
         <td>&nbsp;</td>
     <td>&nbsp;</td>
<td>&nbsp;</td>

</tr>
</table>
</body>
</html>
<!--表单制作-->