一个设计优良的网页要求结构、表现、行为三者分离
其中HTML就是用来编写网页的结构的
下面是HTML的一些基本用法
下面的代码包含了HTML的基本操作用法
<!DOCTYPE html><!--这个是html5的文档声明-->
<html lang="en">
<head>
<meta charset="UTF-8"/>设置页面的字符集
<meta name="keywords" content="HTML5,JavaScript,前端,Python"/>设置网页的关键字
<meta name="description" content="用来描述网页">设置网页的描述
<!--<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/>-->
<title>实体</title><!--网页的标题-->
</head>
<body>
<!--这是注释我写的，别动
-->#相当于python里面的注释
<h1>这是一个<font color="green" size="6">阿瑟东</font>一级标题</h1>
颜色和大小是font标签的属性
<h2>这是一个<font color="green" size="5">阿瑟东</font>二级标题</h2>
<h3>这是一个<font color="green" size="4">阿瑟东</font>三级标题</h3>
<h4>这是一个<font color="green" size="3">阿瑟东</font>四级标题</h4>
<h5>这是一个<font color="green" size="2">阿瑟东</font>五级标题</h5>
<h6>这是一个<font color="green" size="1">阿瑟东</font>六级标题</h6>
<hr><!--加一条水平线-->
<p>p标签,用来表示一个段落<br>啦啦啦br是换行标签<br>哈哈哈</p>
<!--br标签用来表示换行-->
<img src="t01c223c1baa67c970c.gif" alt="这是一位美女" width="200px" height="150px"/>
<!--img 图片标签
src 图片路径
alt 描述
width 图片的宽
height 图片的高
图片的格式:
JPEG(TPG) 照片，不透明
GTF 支持简单的透明，颜色少，动态图
PNG 颜色多，可以显示复杂的透明
图片的使用原则:
效果不一致，使用效果好的
效果一致，使用体积小的-->
<center><!--center 表示在他缩进范围内的内容都剧中-->
<br><br/>
<iframe src="01day.html"></iframe><!--引入外部的一个网页-->
<br><br/>
<a href="http://www.baidu.com">我是一个超链接</a><!--href 指定超链接的路径-->
<br><br/>表示换行
<a href="01day.html">点击这里进入隐藏内容</a>
</center>>
</body>
</html>
网友评论