HTML5--01Day

一个设计优良的网页要求结构、表现、行为三者分离

其中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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容