HTML语言学习笔记(会更新)
HTML语言学习笔记(会更新)
一个html文件是由一系列的元素和标签组成的。
标签:
1.<html></html>
表示该文件为超文本标记语言(HTML)编写的。成对出现,位于文件的最前面和最后面。
2.<head></head>&<body></body>
表示文件头和文件主体,成对出现。
(1)文件头是规定该文件标题和一些属性的,例如标题、编码方式、URL等,不出现在网页中,若为无需提供相关信息可省略。
(2)文件主体,及在网页中显示的内容。
3.<title></title>
HTML文件的名称,在浏览器中显示在窗口中,一般嵌套在<head></head>
中。
4.<strong></strong>
加粗
5.<em></em>
斜体
6.<br /> &
前者换行,相当于回车,后者空格。
7.<p></p>
段落
8.<span></span>
这是一个可以灵活运用的标签,例如如果对于文字进行处理,先用<span>目标</span>
把目标括起来,再对其设置CSS(设置它的表现样式)。
9.<q></q>&<blockquote></blockquote>
引用标签,前者为较短文本的引用,后者是较长文本的引用,其核心在与它所表达的“引用”的意思。
10.<hr />
用于分隔的横线。
11.<address><address>
将联系地址信息在网页中展示出来,如公司的地址。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。默认字体为斜体,也可以通过 CSS样式来修改它的样式。
12.<code></code>&<pre></pre>
前者为显示一行编程代码,后者为多行变成代码的显示。不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>
标签的一个常见应用就是用来展示计算机的源代码。
13.<ul></ul>/<ol></ol>&<li></li>
ul-li是没有前后顺序的信息列表,ol-li有前后顺序的信息列表。
14.<div></div>
将一些独立的逻辑部分划分出来。逻辑部分是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>
提供唯一的名称,如<div id="版块名称">…</div>
。
15.<table></table>
table标签中的几个重要的部分:table、tbody、tr、th、td
(1)<table>…</table>
:整个表格以<table>
标记开始、</table>
标记结束。
(2)<tbody>…</tbody>
:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>
标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
(3)<tr>…</tr>
:表格的一行,所以有几对tr 表格就有几行。
(4)<td>…</td>
:表格的一个单元格,一行中包含几对<td></td>
,说明一行中就有几列。
(5)<th>…</th>
:表格的头部的一个单元格,表格表头。
(6)表格中列的个数,取决于一行中数据单元格的个数。
(7)摘要:<table summary="表格简介文本">
。摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
(8)<caption></caption>
: 用以描述表格内容,标题的显示位置:表格上方。
上述代码在浏览器中显示的默认的样式为:
例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>认识table表标签</title>
</head>
<body>
<table>
<tbody>
<tr>
<th>班级</th>
<th>学生数</th>
<th>平均成绩</th>
</tr>
<tr>
<td>一班</td>
<td>30</td>
<td>89</td>
</tr>
<tr>
<td>二班</td>
<td>35</td>
<td>85</td>
</tr>
<tr>
<td>三班</td>
<td>32</td>
<td>80</td>
</tr>
</tbody>
</table>
</body>
</html>
效果如下图:
16.<a></a>
使用<a>
标签可实现超链接。其语法为:
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
即单击“链接显示文本”文字,网页链接到“http://目标网址”这个网页,鼠标滑过链接文字时会显示"鼠标滑过显示的文本">。
P.S. <title>
属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)。
<a>
标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。故而在<a>
中加入target="_blank"
来使得链接在新的网页打开。例如:<a href="目标网址" target="_blank">click here!</a>
HTML语言学习笔记(会更新)的更多相关文章
- 2017-04-21周C语言学习笔记
C语言学习笔记:... --------------------------------- C语言学习笔记:学习程度的高低取决于.自学能力的高低.有的时候生活就是这样的.聪明的人有时候需要.用笨的方法 ...
- 2017-05-4-C语言学习笔记
C语言学习笔记... ------------------------------------ Hello C语言:什么是程序:程序是指:完成某件事的既定方式和过程.计算机中的程序是指:为了让计算机执 ...
- GO语言学习笔记(一)
GO语言学习笔记 1.数组切片slice:可动态增长的数组 2.错误处理流程关键字:defer panic recover 3.变量的初始化:以下效果一样 `var a int = 10` `var ...
- Haskell语言学习笔记(88)语言扩展(1)
ExistentialQuantification {-# LANGUAGE ExistentialQuantification #-} 存在类型专用的语言扩展 Haskell语言学习笔记(73)Ex ...
- Go语言学习笔记十三: Map集合
Go语言学习笔记十三: Map集合 Map在每种语言中基本都有,Java中是属于集合类Map,其包括HashMap, TreeMap等.而Python语言直接就属于一种类型,写法上比Java还简单. ...
- Go语言学习笔记十二: 范围(Range)
Go语言学习笔记十二: 范围(Range) rang这个关键字主要用来遍历数组,切片,通道或Map.在数组和切片中返回索引值,在Map中返回key. 这个特别像python的方式.不过写法上比较怪异使 ...
- Go语言学习笔记十一: 切片(slice)
Go语言学习笔记十一: 切片(slice) 切片这个概念我是从python语言中学到的,当时感觉这个东西真的比较好用.不像java语言写起来就比较繁琐.不过我觉得未来java语法也会支持的. 定义切片 ...
- Go语言学习笔记十: 结构体
Go语言学习笔记十: 结构体 Go语言的结构体语法和C语言类似.而结构体这个概念就类似高级语言Java中的类. 结构体定义 结构体有两个关键字type和struct,中间夹着一个结构体名称.大括号里面 ...
- Go语言学习笔记九: 指针
Go语言学习笔记九: 指针 指针的概念是当时学C语言时了解的.Go语言的指针感觉与C语言的没啥不同. 指针定义与使用 指针变量是保存内存地址的变量.其他变量保存的是数值,而指针变量保存的是内存地址.这 ...
随机推荐
- GitHub上整理的一些工具
技术站点 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同上 MSDN:微软相关的官方技术集中地,主要是文档类 infoq:企业级应用,关注软件开发领域 ...
- WCF、MongoDB
http://www.cnblogs.com/quietwalk/archive/2011/08/09/2132573.html http://www.cnblogs.com/huangxinchen ...
- Linq to SQL 的增删改查操作
Linq,全称Language Integrated Query,是C#语言的一个扩展,可以将数据查询直接集成到编程语言本身中. Linq分为查询语法和方法语法,说白了查询语法就是 from wher ...
- HDU 3605:Escape(最大流+状态压缩)
http://acm.hdu.edu.cn/showproblem.php?pid=3605 题意:有n个人要去到m个星球上,这n个人每个人对m个星球有一个选择,即愿不愿意去,"Y" ...
- Android的学习第六章(布局一LinearLayout)
今天我们来说一下Android五大布局-LinearLayout布局(线性布局) 含义:线性布局,顾名思义,指的是整个Android布局中的控件摆放方式是以线性的方式摆放的, 主要作用:主要对整个界面 ...
- 阅读javascript高级程序设计
第一章 : javascript的简介: js的组成: 1.核心(ECMA) ECMA规定了js的 1,语法 2,保留字 3,关键字, 4,对象, 5,类型 6,操作符 7,语句 2.文档对象模型(D ...
- Linux内核分析:打开文件描述符实现
在Linux中每一个进程的数据是存储在一个task_struct结构(定义在sched.h中)中的. struct task_struct { volatile long state; /* -1 u ...
- WebForm Application Viewstate 以及分页(功能性的知识点)
Application: 全局公共变量组 存放位置:服务器 特点:所有访问用户都是访问同一个变量,但只要服务器不停机,变量一直存在于服务器的内存中,不要使用循环大量的创建Application对象,可 ...
- iOS上传文件代码,自定义组装body
以下代码为上传文件所用代码,简单方便,搞了好久,终于知道这么简单的方式来上传. 其它类库也就是把这几句代码封装的乱七八糟得,让你老久搞不懂原理.不就是在body上面加点字符串,body下面加点字符串, ...
- 使用Json出现java.lang.NoClassDefFoundError解决方法
前几天在项目使用到Json格式数据,于是把使用Json需要用到的包都引到了工程里面,程序写好后运行时,发现后台报 java.lang.NoClassDefFoundError: net/sf/json ...