HTML重点突破

论坛 期权论坛 期权     
前端学习指南   2019-6-9 21:28   869   0
HTML



什么是HTML1. HTML指的是超文本标记语言 (Hyper Text Markup Language)
2. HTML 不是一种编程语言,而是一种标记语言 (markup language),即:一套标记标签 (markup tag)。
3. HTML 作用就是用标记标签来描述网页内容。

HTML标签关系
  • 嵌套关系(父子关系)

  
        
2.并列关系(兄弟关系)



常用标签和属性
更多HTML标签和具体细节可参考w3c组织编写的在线文档:http://www.w3school.com.cn/,以下的小编挑比较重要的做分享。
标签分为:单标签和双标签链接标签一般用法:
  • 外部链接 需要添加 http:// www.baidu.com
  • 内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页
  • 如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
  • 文档内部锚点定位等。



img标签的src属性的路径:相对路径和绝对路径
相对路径:是从代码所在的这个文件出发, 去寻找我们的目标文件的。('./'当前级,'../'上一级,'../../'上两级,如此类推)。

绝对路径:以Web站点根目录为参考基础的目录路径。如:“F:\web\img\logo.gif”或完整的网络地址。
文档类型 声明位于文档中的最前面的位置,处于  标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范,重要的是告诉浏览器按照何种规范解析页面。现在我们多用的是html5文档,并且HTML5的文档类型兼容很好(向下兼容的原则)。字符集utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
  • gb2312 简单中文  包括6763个汉字
  • BIG5   繁体中文 港澳台等用
  • GBK包含全部中文字符,是GB2312的扩展,加入对繁体字的支持,兼容GB2312
  • UTF-8则包含全世界所有国家需要用到的字符
注意:如果页面出现乱码,很可能是字符集在捣乱哦!



编辑软件



市面上前端代码书写软件很多,小编在这里介绍几个使用比较多的软件。Adobe DreamweaverSublime Text WebStormHBuilderVisual Studio Code以上的(尤其后四款)都有代码提示补全功能,为快速开发提供便利,当然学习之初还是一个个手写熟悉为佳。比如可以使用以下基础程序开发:记事本(电脑自带)高级记事本:nodepad++ 、 editplus等hope

     你觉得这片文章不错,请分享给更多人
      你有技术上的疑问,可于公众号留言         
梅花香自苦寒来


hope


关注公众号,
不错过任何资讯
                                                                                                 公众号:前端学习指南

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:
帖子:
精华:
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP