天天看点

前端基础-HTML

HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

HTML 的关键是标签,其作用是指示将出现的内容。

页面F12看代码

是注释语句。

<! >这不是,这是放在第一行的声明,指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

对于中文网页需要使用 声明编码,否则会出现乱码

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

大多数 HTML 元素可拥有属性

HTML 标签对大小写不敏感:

等同于

HTML 元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签 <>里面

属性总是以名称/值对的形式出现,比如:name="value"。

属性

描述

class

为html元素定义一个或多个类名(classname)(类名从样式文件引入)

id

定义元素的唯一id

style

规定元素的行内样式(inline style)

title

描述了元素的额外信息 (作为工具条使用)

元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

可以添加在头部区域的元素标签为:<code>&lt;title&gt;, &lt;style&gt;, &lt;meta&gt;, &lt;link&gt;, &lt;script&gt;, &lt;noscript&gt; 和 &lt;base&gt;</code>。

标签

<code>&lt;title&gt;</code>

搜索引擎以及收藏夹中的标题

<code>&lt;base&gt;</code>

定义了页面链接标签的默认链接地址

<code>&lt;link&gt;</code>

文档和外部资源之间的关系

<code>&lt;style&gt;</code>

定义了HTML文档的样式文件

<code>&lt;meta&gt;</code>

定义了文档的元数据

<code>&lt;script&gt;</code>

定义了客户端的脚本文件

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。使用方法:

内联样式- 在HTML元素中使用"style" 属性

内部样式表 -在HTML文档头部 <code>&lt;head&gt;</code> 区域使用<code>&lt;style&gt;</code>标签 来包含CSS

外部引用 - 使用外部 CSS 文件(适合一个样式应用与多个页面)

JavaScript 使 HTML 页面具有更强的动态和交互性。

使用<code>&lt;script&gt;</code>标签,可以在<code>&lt;head&gt;</code>也可以在<code>&lt;body&gt;</code>

继续阅读