HTML学习笔记(1)

原创 2016年06月01日 11:23:50
本次学习是通过W3School网站学习

标题 :     <h1></h1>  h1到h6字体越来越小  

                  <hr />水平线


段落 :     <p></p>

                  <br /> 换行


格式化:

文本格式化标签

标签 描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。

“计算机输出”标签

标签 描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。

引用、引用和术语定义

标签 描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<q> 定义短的引用语。
<cite> 定义引用、引证。
<dfn> 定义一个定义项目。

如何使用样式

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head>

<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

标签 描述
<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。

HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。_blank是打开新的一个页面。

HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

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

例子:

<a name="tips">xxxx</a>
<a href="#tips">1111</a>
点击1111就会返回xxxx处。


添加图像的方法见http://www.w3school.com.cn/html/html_images.asp的各个例子。


HTML表格

表格标签

表格 描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

更多的例子见http://www.w3school.com.cn/html/html_tables.asp


HTML列表

列表标签

标签 描述
<ol> 定义有序列表。
<ul> 定义无序列表。
<li> 定义列表项。
<dl> 定义定义列表。
<dt> 定义定义项目。
<dd> 定义定义的描述。
<dir> 已废弃。使用 <ul> 代替它。
<menu> 已废弃。使用 <ul> 代替它。
更多的例子见http://www.w3school.com.cn/html/html_lists.asp


HTML 分组标签

标签 描述
<div> 定义文档中的分区或节(division/section)。
<span> 定义 span,用来组合文档中的行内元素。

表单标签

标签 描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮
<isindex> 已废弃。由 <input> 代替。
更多的例子见http://www.w3school.com.cn/html/html_forms.asp


框架

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

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面
框架结构标签(<frameset>)
  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行
  • rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签(Frame)

Frame 标签定义了放置在每个框架中的 HTML 文档。

更多的例子见http://www.w3school.com.cn/html/html_frames.asp



xxx

韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ js基本语法——基本数据类型 javascript基本数据类型三大类型 ①基本数据类型 分为: (1)数...

web开发学习笔记(1):dreamweaver+html+javascript第一个网页例子

一、开发环境:Adobe Dreamweaver CS5 二、开发语言:HTML + JavaScript   三、浏览器:Firefox 四、参考书目:《JavaScript开发技术大全》刘智勇 等...

HTML学习笔记(Day1)

HTML学习Day1——一些简单的玩法 基础HTML标签 HTML元素 HTML属性 HTML标题 HTML段落 HTML样式...

bearlon的HTML学习笔记1

HTML基础部分学习第一节,包含HTML简介、元素、属性、标题等等内容。
  • bearlon
  • bearlon
  • 2015年07月28日 08:13
  • 143

html5学习笔记1

Html5一定会成为web技术标准 RIA技术: Html5学习网站:   http://www.html5cn.org/   http://www.html5china.com/  h...
  • zyjjfm
  • zyjjfm
  • 2016年08月30日 23:38
  • 183

HTML学习笔记(1)

什么是 HTML? HTML 是用来描述网页的一种语言。 -HTML 指的是超文本标记语言 (Hyper Text Markup Language) -HTML 不是一种编程语言,而是一种标记语...

JavaWeb自学之html学习笔记 Day-1

*html的规范(遵循) 1、一个html文件开始标签和结束标签 表示作用范围,就像java中方法的作用范围用{ }表示一样 2、html包含两部分内容     (1)设置相关信息 (2)显示在页面上...

HTML学习笔记_(1)

1.HTML是超文本标记语言,它是一个统一的世界

Html学习笔记1

Ⅰ.head标签 一般来说,只有6个标签能放在标签内: 1 ; 2 ; ①标签提供的信息不显示在页面中,一般用来定义页面的关键字、页面的描述等,以方便搜索引擎蜘蛛(如百度蜘...
  • cwj1103
  • cwj1103
  • 2015年07月16日 14:03
  • 227

《精通CSS与HTML设计模式》学习笔记1

1、css的主要内容   1) css的常用属性主要有45种   2) html的四种元素:内联(inline)、内联块状(inline-block)、块状(block)、表格   3) CSS的五种...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML学习笔记(1)
举报原因:
原因补充:

(最多只允许输入30个字)