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>



目录
相关文章
|
1月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
13 0
|
1月前
|
数据安全/隐私保护
7.常用的HTML标记
7.常用的HTML标记
13 0
N..
|
22天前
HTML常用标记
HTML常用标记
N..
12 1
|
1月前
|
移动开发 HTML5
HTML5文档头部相关标记
【2月更文挑战第9天】HTML5文档头部相关标记。
13 1
|
前端开发 开发工具 C++
web(4)--HTML多媒体标记使用
web(4)--HTML多媒体标记使用
85 0
web(4)--HTML多媒体标记使用
|
前端开发 开发工具 C++
web(3)--HTML超链接标记使用
web(3)--HTML超链接标记使用
87 0
web(3)--HTML超链接标记使用
|
前端开发 开发工具 C++
web(2)--HTML基础标记使用
web(2)--HTML基础标记使用
69 0
HTML的div标记为何设置背景色无效?
HTML的div标记为何设置背景色无效?
374 0
|
Java
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
209 0
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
Html之 图像标记
Html之 图像标记
216 0