HTML-标记-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

HTML-标记

简介: 1111

HTML5介绍

                  1.减少对flash的依赖,flash对浏览器压力比较大,兼容性不是很好

                  2.支持更多的屏幕设备(手机)

                  3.增加里一些新标记

                  4.CSS3 更加强大绘画

                  5.存储WEBdb浏览器的内置数据库

                  6.缓存

                  7.HTML4的一些标记过时了


HTML后缀

                html

                htm

                xhtml(用了xml标记规范语法会比较严格)


标记规范

             <html>                     </html>(标记成对出现)

             标记开始        文本        标记结束


            <a href=""> 文本</a>   href=""属性的意思

            属性的写法一个名字=一个值


            <a href=""?>(空标记,直接写完结束)

            没有内容包含的标记

 

嵌套标记,一层嵌套一层

<table>

           <tr>

              <tb></tb> 

          </tr> 

</table>


<!DOCTYPE html>

<!-- 文档规范引用 -->

<html>

<!-- 从这个html标志开始网页就开始了 -->

<!-- 根元素一个HTML只有一个根元素 -->

<head>

<!-- 头标记说明页面的相应的配置信息 -->

<!-- 网页标记,网页格式等等 -->

</head>

<body>

<!-- 网页内容,在网页上显示的内容都在这里进行书写 -->

</body>

</html>



<!DOCTYPE html>
<!-- 文档规范引用 -->
<html>
<!-- 从这个html标志开始网页就开始了 -->
<!-- 根元素一个HTML只有一个根元素 -->
<head>
<!-- 头标记说明页面的相应的配置信息 -->
<!-- 网页的页面的相关信息设置 -->
<meta charset="utf-8" />
<!-- charset网页的字符集一般会设置为UTF-8,GBK中文简体加繁体,GB2312中文简体 -->
<meta http-equiv="refresh" content="5;https://www.2345.com" /> 
<!-- http-equiv="refresh"页面刷新 -->
<!-- content="5;https://www.2345.com/?38264-0010",0秒跳转到www.2345.com -->
<!-- 也可以刷新本页,如果设置为0就是立即刷新 -->
<meta http-equiv="expires" content="60" />
<!-- 缓存缓存当前内容60秒,60秒后失效 -->
<meta  http-equiv="content-type" content="text/html;charset=utf8"/>
<!-- 文本说明意义不大 -->
<meta name="keywords" content="内容" />
<!-- 网络关键字,例如在百度搜索通过爬虫将你这个关键字得到 -->
<!-- 例如你输入小明进行查找 他就会通过小明这个网络关键字将你相关联的网站找出 -->
<!-- ,号分开关键字 -->
<meta name="author" />
<!-- 作者,没啥卵用 -->
    <meta name="description"  content="内容"/>
<!-- 网页介绍当你搜索时就会显示你的网页介绍 -->
<title>嘻嘻哈哈</title>
<!-- 网页标题内容 -->
</head>

<body bgcolor="aliceblue" >
<!-- bgcolor背景色设置参数 -->
    
<!-- 网页内容,在网页上显示的内容都在这里进行书写 -->
<!-- 明天你好,你今       天吃饭了没?
又没有去啊 -->
<!-- 网页书写不是根据你的书写格式进行现实的,例如你书写换行他无法识别换行,空格也无法识别 -->
    
明天你好,你今       天吃饭了没?<br/>
又没有去啊<br/>
我没吃饭

<!-- <br>换行标记只有输入这个标记他才会换行,写在哪里就在哪里换行 -->
<!-- 实体--实体就是没有办法表示的字符,使用实体去表示 -->
    <!-- 没有办吧表示的文本格式 -->
<!-- 实体使用开头使用&使用;号结尾,这样一组代表是一个 -->
<!-- 记估计是记不住网上查找帮助文档吧 -->

  明天你好,你今&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天吃饭了没?<br/>
又没有去啊<br/>
我没吃饭

<hr size="7px" width="80%" align="right" color="blue"/>
<!-- hr 标尺线就是一条线
size="7px"粗细设置
px像素走,以后在任何浏览器上都不会发生改变,也不会因为浏览器窗口大小发生变动
     %百分比取上容器的百分之多少,跟你你的大小发生改变
width="80%" 宽度
align="center"位置
center:居中
left:靠左
right:靠右
等等 -->

<!-- color颜色属性
            16进制颜色,在百度上可以查看到,也可以设置透明度
              单词
  自己配色 -->
</body>
</html>



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章