HTML基础学习(一)

HTML为超文本标记语言

基本标准格式

<!DOCTYPE  HTLM>(HTML不用区分大小写)

<htlm>

           <head>     

                               <title></title>

            </head>

            <body>

                        <h1></h1>(<h1> 定义最大的标题。<h6> 定义最小的标题)

                        <hr /> 

            </body>

</html>

<!DOCTYPE  HTLM>作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式,

document.compatMode:

BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。

CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

不申明时,compatMode默认就是BackCompat,那么,在不同的浏览器就可能会显示不同的样式。

<htlm></htlm>为根标签,所有的网页内容都应该写在<htlm>与</html>标签里面。一个页面中只能有一个根标签

<head></head>用来设置网页头部信息,标签里的内容不会在网页中直接显示。是设置一些信息让浏览器去看的,浏览器通过这些信息来判断如何去解析网页。

<body></body>页面中所有的可视内容,都应该写在<body>与</body>中

<title></title>里的内容会显示在标题栏

<标签名></标签名>成对出现的

注释格式:<!--写要注释的内容 -->

<hr /> 标签在 HTML 页面中创建水平线。

属性

可以通过属性来设置标签,在开始标签内添加属性(实质是一个名值对的结构,属性名=“属性值”)

例如设置字体

<h1>这是我的第二个网页</h1>  把”第二个“变红

<h1>这是我的<font color="red">第二个</font></h1>(这个font标签只是在做演示,实际用css)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,255评论 0 1
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,621评论 0 7
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,167评论 0 0
  • 1.<!DOCTYPE HTML> 必须位于html文档第一行,位于 标签之前 <!DOCTYPE HTML>作用...
    5b5072cc2c5b阅读 248评论 0 1