HTML常用的标签

来源:互联网 发布:lca类似算法 编辑:程序博客网 时间:2024/06/05 16:49
<!-- 表示使用标记语言的版本是HTML5 --><!DOCTYPE html><html lang="en"><head>    <!-- 告诉浏览器网页所采用的编码字符集    meta标签用来设置网页的一些元数据,如网页的字符集,关键字,简介    -->    <meta charset="UTF-8">    <!-- 使用meta标签还可以设置网页的关键字 属于单标签,自动闭合-->    <meta name="keywords" content="HTML5,CSS3,JavaScript,前端"/>    <!-- 用meta标签还可以设置网页的描述        搜索引擎在检索页面中,会同时检索页面中的关键字和描述    -->    <meta name="description" content="发布h5,css,js等前端相关的信息"/>    <!-- 用meta标签还可以做请求的重定向        3:页面跳转需要等待的秒数        url:进行页面跳转的路径    -->    <meta http-equiv="refresh" content="3;url=https://www.baidu.com"/>    <title>JavaScript语法</title>    <script type="text/javascript">    </script></head><body><!-- 标题标签:h1-h7 最常用h1,h2,h3,表示网页中的重要内容 -->    <h3>3秒后进行页面跳转</h3>    <h1>重要性仅次于网页中title标签</h1>    <h2>这是第一个网页</h2>    <h3>用来表示文字的主要内容</h3>    <p>        段落标签,默认会独占一行,段落之间会自动换行    </p><!-- 水平线标签 -->    <hr/><!-- 按文字原有的格式显示-->    <pre>        当相见,成告别,回忆向远        拼过名,叛过心,只要你懂        这一次,又将何去何从!    </pre>    <!-- 实体(转义字符):表示一些网页不能显示的标签 "<,>"这些字符不能直接使用 需要使用特殊的符号来表示这些符号-->    <!-- 如: a<b>c -->    a&lt;b&gt;a;    <p>今天天气&nbsp;&nbsp;好晴朗,处处好风光!</p><!-- &copy:版权控制版本号 -->   <div align="right">&copy;人民邮电出版社</div><!-- 使用img标签引用外部的图片    src:设置引入外部图片的路径    alt:可以用来设置在图片不能显示时(图片路径错误,图片没有被完全加载出来),对图片进行描述        搜索引擎可以通过alt属性识别不同的图片        如果不写alt属性,则不会被搜索引擎检索        width:可以设置图片的宽度,使用px(像素)作为单位        height:可以设置图片的高度        宽度和高度属性如果只设置一个,则另外一个属性也会等比例的调整大小        宽度和高度属性如果都设置了,则按照设置的比例显示        ../:表示返回到上一级目录,有几个上级目录,就写几个../        图片的格式:.gif:支持的颜色比较少,支持简单的透明,支持动态图,一般用来保存“图片"颜色单一,动态图                    jpeg(jpg):支持的颜色比较多,可以压缩,但不支持透明,一般用来保存"照片"                    png:支持的颜色比较多,支持复杂的透明                    图片的使用原则:效果不一致,使用效果好的,效果一致的,使用小的格式 :jpg<gif<png-->    <img src="images/pic3.jpg" alt="Java开发实战经典" width="200px;" height="200px;"></body></html>
原创粉丝点击