美文网首页四期学习小组
html阶段第一小节第二天

html阶段第一小节第二天

作者: 显然2017 | 来源:发表于2017-04-15 08:08 被阅读8次

                                          HTML的标签(上)


HTML文件的后缀:

在早期的dos8位机时代,HTML后缀名为:htm

现在电脑都支持多字符文件后缀名,所以现在后缀名为:html

(文档用 htm或html 后缀名都是一样的效果)


快速生成HTML页面结构

先写  HTML:5    后按快捷键  tab  (在键盘左方)       出现下图:


DOCTYPE标签:

文档声明(重要,不能丢了,影响页面布局,样式处理等展示效果)

html5标准(先写  HTML:5    后按快捷键  tab)     趋势 html4s标准(先写  HTML:4s    后按快捷键  tab) /  还有一个html:4t         了解

补充关于DTD:文档类型的定义(上图W3C后面)


<html>标记:

所有内容都放在html标签内部。

lang 属性  用于搜索引擎优化,"en"表示当前页面是英文,“zh-cn”表示当前页面是中文


<Head>标签:

head标签:用于嵌套 给浏览器使用的设置标签(不是用于展示信息的)

head 标签中设置都是用于给浏览器使用的一些配置和设置。(比如meta标签告诉浏览器当前文档的编码格式)

title标签:设置当前浏览器页面标签的  标题内容。(需要重视,直接影响网站SEO)(图2)

当浏览器解析当前文档的编码和文档司机的编码不一样的时候,会出现乱码的问题

meta标记:meta charset="UTF-8">  :设置了当前页面的编码用UTF-8  (charset:编码)

UTF-8是目前最常用的字符集编码方式。(常用的字符集编码方式还有gbk和gb2312)

gb2312:简单中文

GBK:包含全部中文字符  繁体

BIG5:繁体中文

UTF-8:则包含全世界所有国家需要用到的字符

从二进制说起,符号表示文字,表示的模式就是编码(联想电报)

加插快捷键:快速复制一行标签,方法:光标放在需要复制的目标,然后Ctrl+Shift+D

Link标签:

引入CSS样式;DNS预解析(可以有效的提高后续访问网站的效率);引入网站icon图标(下图标题左边的小图标)。

相关文章

  • html阶段第一小节

    1.firefox,firebug是火狐浏览器下的一款开发插件,是开发HTML、CSS、JavaScript等的得...

  • html阶段第一小节第二天

    HTML的标签(上) HTML文件的后缀: 在早期的dos8位机时代,H...

  • Html阶段第一小节第二天

    1.Html简介 ①Html中文译为“超文本标记语言”,主要是通过Html标记对网页中的文本/图片/声音等内容进行...

  • HTML阶段第一小节——第二天

    1、html头部标签 doctype 标签 、head标签、title标签、link标签、meta标签、scrip...

  • HTML阶段第一小节+第二天

    HTML基础 1.浏览器 -浏览器帮助用户进行浏览网页的软件 浏览器与浏览器内核: ie:trident 、sa...

  • HTML阶段第一小节第二天

    HTML阶段第一小节第二天 1.什么是浏览器,什么是服务器端?浏览器就是提供给用户浏览的一种浏览的软件!而服务器端...

  • html阶段第二小节

    列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...

  • Html阶段第二小节第二天

    1.表单 代码输入样式如下: 2.label标签 表示Label标签要绑定的HTML元素,你点击这个标签的时候,所...

  • html阶段第二小节第二天

    头部标签 ① <!doctype>标记位于文档最前面,文档协议声明标签 ② 标记位于<!doctype>之后, ...

  • html阶段第二小节第二天

    1:还原活的设计 设计稿――ps ――html 页面+效果 切图――写标签和样式――实现效果 2:传统前端 h...

网友评论

    本文标题:html阶段第一小节第二天

    本文链接:https://www.haomeiwen.com/subject/smliattx.html