HTML学习笔记

HTML 文档

描述网页,包含 HTML 标签和纯文本。

HTML 标签

尖括号,成对出现

文本编辑器

Notepad

HTML基础标签

标题,段落,链接,图像

HTML标签

<hr /> :创建水平线

<br/>:插入空行,折行

HTML 元素

从开始标签(start tag)到结束标签(end tag)的所有代码。

关闭空元素:在开始标签中添加斜杠,比如 <br />。

HTML 属性

名称/值:name="value",开始标签

style 属性用于改变 HTML 元素的样式,它提供了一种改变所有 HTML 元素的样式的通用方法。background-color 属性为元素定义了背景颜色,font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸,text-align 属性规定了元素中文本的水平对齐方式。

HTML注释

开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,如<!-- This is a comment -->。

HTML 文本格式化

很多标签都可以用来改变文本的外观,并为文本关联其隐藏的含义。总地来说,这些标签可以分成两类:基于内容的样式(content-based style)和物理样式(physical style)。

HTML 引用

HTML 计算机代码元素

<code> 元素不保留多余的空格和折行,如需解决该问题,您必须在 <pre> 元素中包围代码。

HTML CSS

通过使用 HTML4.0,所有的格式化代码均可移出 HTML 文档,然后移入一个独立的样式表。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表、内部样式表、内联样式。

HTML 链接

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

HTML 图像

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。

HTML 表格

HTML 列表

HTML <div> 和 <span>

可以通过 <div> 和 <span> 将 HTML 元素组合起来。

HTML <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。设置 <div> 元素的类,使我们能够为相同的 <div> 元素设置相同的类。

HTML <span> 元素是行内元素,能够用作文本的容器。设置 <span> 元素的类,能够为相同的 <span> 元素设置相同的样式。

HTML 类

对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。

HTML 布局

<div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。<table> 元素不是作为布局工具而设计的。

HTML 响应式 Web 设计

Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。Bootstrap 帮助您开发在任何尺寸都外观出众的站点:显示器、笔记本电脑、平板电脑或手机。

HTML 框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

HTML内联框架

HTML 背景

<body> 标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的 HTML 标准(HTML4 和 XHTML)中已被废弃。W3C 在他们的推荐标准中已删除这些属性。应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。

HTML 脚本

HTML 头部元素

HTML实体

HTML URL

URL 的英文全称是 Uniform Resource Locator,中文也译为“统一资源定位符”。

 



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值