2018年8月5日

　　这是暑假第四周，这一周我在菜鸟教程网学到了许多HTML的知识。HTML编写网页不像C语言、Java语言那必须有主方法、主函数什么的，它基本上都是标签（元素），但是它可以与CSS（层叠样式表）结合来调整网页样式，也可以和JavaScript结合来进行事件响应。

　　封闭自身的元素

<html>

元素是HTML页面的根元素

<head>

元素包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。

<title>

描述了文档的标题，就是浏览器显示的标签

<style>

使用内部样式表来格式化文本。

<body>

包含了可见的页面内容

<h1>、<h2>......

定义标题，1到6号标题与分别对应6到1号字体。

<p>

元素定义一个段落，段落与段落之间会有一个空行

<b>("bold")(或<strong>)

加粗文本(定义加重语气)

<i>("italic")(或<em>)

斜体文本(定义着重文字)

<big>

文本字体放大

<small>

文本字体缩小

<sub>

下标

<sup>

上标

<a>

超文本链接

<ins>

定义插入字，就是文字下有下划线

<del>

定义删除字，就是文字中间有删除线

<pre>

定义预格式文本，就是原样输出内容

<abbr>或<acronym>

定义缩写。鼠标移至缩略词语上时，浏览器会展示全称。

<address>

定义地址

<bdo>

定义文字方向(dir="rtl" 文字从右向左显示)

<blockquote>

从另一个源引用的部分

<q>

定义短的引用语，自动加双引号

<cite>

工作的名称

<dfn>

定义一个定义项目

这些标签常用于显示计算机/编程代码：

<code>

计算机输出

<kbd>

键盘输入

<tt>

打字机文本

<samp>

计算机代码样本

<var>

计算机变量

图像地图：

<map>

定义图像地图，与<img>、<area>连用

表格：

<table>

创建一个表格，与<caption>、<th>、<tr>、<td>一起使用

<caption>

表格的标题

<th>

表头，大多数浏览器会把表头显示为粗体居中的文本

<tr>

表格的一行

<td>

一行表格中的一格

<thead>

表格页眉

<tfoot>

表格页脚

<tbody>

表格主体

<colgroup>

定义表格列的组，与<col>连用

<col>

定义用于表格列的属性

列表：

<ul>

创建一个无序列表，与<li>一起使用

<ol>

创建一个有序列表，与<li>一起使用

<li>

列表的每一个元素

区块：

<div>

定义文档区块，块级(block-level)

<span>

定义 span，用来组合文档中的行内元素。

表单：

<form>

允许用户在表单中输入内容,表单本身并不可见。与<input>元素一起使用。

<select>

创建下拉列表,与<option>元素一起使用。属性有name

<option>

列表详细选项，属性有value。当设置为selected时该选项为默认选项

<textarea>

创建文本域，若输入文字，则为文本域初始文字。属性有rows、cols

<fieldset>

创建表单的边框线

<legend>

创建表单的标题

<label>

配合单选按钮使用，<label>设置for，单选按钮设置id，达到点字选择效果

框架

<iframe>

规定一个内联框架，用来在当前 HTML 文档中嵌入另一个文档。属性有height、 width、frameborder、id等

<frameset>

框架集,定义如何将窗口分割为框架。属性有rows、cols(设置纵横比例)，noresize="noresize"表示框架大小不能改变。与<frame>一起使用。不能将 <body>标签与 <frameset>标签同时使用！

<noframes>

在<frameset>标签内使用，如果不支持框架会显示标签内文字。

脚本

<script>

定义客户端脚本,既可包含脚本语句，也可通过src属性指向外部脚本文件

<noscript>

提供无法使用脚本时的替代内容,可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

不需要封闭自身的元素

　　早期发布的 HTML 规范当中，<br> 与 <hr> 等元素是不用封闭自身的，但是这种元素造成了HTML规范的不严谨，于是在之后发布的XHTML语言中，参考了更为严谨的 XML 规范，在这些不用自身封闭的元素后加/来表示自行封闭。

<hr/>

在HTML页面中创建水平线

<br/>

换行

<base/>

定义页面中所有链接的默认地址或默认目标。<base href="http://www.runoob.com/images/" target="_blank">

<meta/>

<meta charset=’utf-8’>、<meta name="author" content="张三">、<meta name="description" content="html">、<meta name="keywords" content="HTML">、<meta http-equiv="refresh" content="30">

<link/>

使用外部样式文件来格式化文本。<link rel="stylesheet" type="text/css" href="styles.css">

<img/>

<img border="10" src="爱心.gif" alt="爱心" width="170" height="170">

<area/>

定义图像地图中的可点击区域，属性有shapecoords

<input/>

输入元素，属性有type(定义类型)、name、size、value等

<frame/>

定义了放置在每个框架中的HTML文档，属性有src

　　<html>标签是一个网页必须有的元素，红底文字表示这些元素都在<body>标签内使用。

　　本周学习时间估计有20小时，周六周日复习，花在代码上时间差不多每天半小时。由于是刚刚开始学HTML，所以还没编出来有实际功能的网页，也就只是编出来输出粗体文字、斜体文字的网页。本周的问题几乎没有，唯一的问题就是好多标签的属性都不知道有什么，不知道该怎么用这些属性。

　　这一周将HTML学了个六七分，下一周我会继续学习HTML。如果学完了HTML，我会继续学习HTML5。

第四周学习总结-HTML的更多相关文章

  1. 20145213《Java程序设计》第四周学习总结

    20145213<Java程序设计>第四周学习总结 教材学习内容总结 本周任务是学习面向对象的继承.接口以及之后的如何活用多态.(还真是路漫漫其修远兮啊!)教材也是延续上周艰深晦涩的语言风 ...

  2. 20145304 Java第四周学习报告

    20145304<Java程序设计>第四周学习总结 教材学习内容总结 1.继承共同行为: 继承基本上就是避免多个类间重复定义共同行为,关键词为extends. 代码如下: //继承共同行为 ...

  3. 20145330《Java程序设计》第四周学习总结

    20145330<Java程序设计>第四周学习总结 一周两章新知识的自学与理解真的是很考验和锻炼我们,也对前面几章我们的学习进行了检测,遇到忘记和不懂的知识就再复习前面的,如此巩固也让我对 ...

  4. 20145337《Java程序设计》第四周学习总结

    20145337<Java程序设计>第四周学习总结 教材学习内容总结 继承与多态 继承 继承,避免多个类间重复定义共同行为 符合DRY(Don't Repeat Yourself)原则,多 ...

  5. 20145218 《Java程序设计》第四周学习总结

    20145218 <Java程序设计>第四周学习总结 教材学习内容总结 继承 继承共同行为 继承基本上就是避免多个类间重复定义共同行为. 继承的三个好处:减少代码冗余:维护变得简单:扩展变 ...

  6. 《Java程序设计》第四周学习总结

    20145224-陈颢文 <Java程序设计>第四周学习总结 教材学习内容总结 第六章 继承与多态 ·继承就是面向对象中,子类继承父类,避免重复的行为定义.重复再程序设计上是非常不好的信号 ...

  7. 20155304 2016-2017-2 《Java程序设计》第四周学习总结

    20155304 2016-2017-2 <Java程序设计>第四周学习总结 教材学习内容总结 第六章 继承: 概念: 面向对象中,为避免多个类间重复定义共同行为.(简单说就是将相同的程序 ...

  8. 201521123061 《Java程序设计》第十四周学习总结

    201521123061 <Java程序设计>第十四周学习总结 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 2. 书面作业 1. MySQL数据 ...

  9. 201521123038 《Java程序设计》 第四周学习总结

    201521123038 <Java程序设计> 第四周学习总结 1. 本周学习总结 1.1 尝试使用思维导图总结有关继承的知识点. 1.2 使用常规方法总结其他上课内容. 1.通过 ins ...

  10. 201521123061 《Java程序设计》第四周学习总结

    201521123061 <Java程序设计>第四周学习总结 1. 本章学习总结 (1)思维导图: --- (2)上课内容总结: 第四周学习了Java中的继承与多态,思维导图中已经给出了本 ...

随机推荐

  1. 《Java编程思想第四版》附录 C Java 编程规则

    附录 C Java 编程规则 本附录包含了大量有用的建议,帮助大家进行低级程序设计,并提供了代码编写的一般性指导: (1) 类名首字母应该大写.字段.方法以及对象(句柄)的首字母应小写.对于所有标识符 ...

  2. 为何invalidate()不可以直接在UI线程中调用&invalidate与postInvalidate

    1.android ui操作为什么一定要在主线程中执行? 答:Android UI操作是单线程模型,关于UI更新的相关API(包括invalidate())都是按照单线程设计的,对于多线程运行时不安全 ...

  3. Hadoop Streaming开发要点

    一.shell脚本中的相关配置 HADOOP_CMD="/usr/local/src/hadoop-1.2.1/bin/hadoop" STREAM_JAR_PATH=" ...

  4. SQL Server - SQL语言组成 （DML、DDL、DCL、DQL的区别）

    转载自:https://www.cnblogs.com/dato/p/7049343.html 作者:Dato.zeng --------------------------------------- ...

  5. mipi LCD 的CLK时钟频率与显示分辨率及帧率的关系【转】

    转自:https://blog.csdn.net/bmw7bmw7/article/details/45876487 我们先来看一个公式:Mipiclock = [ (width+hsync+hfp+ ...

  6. css3实现不同进度条

    进度条类型1(渐变进度条) 效果1:图片实现进度条 思路,进度条是一张图片,用定位来控制不同时间图片相对进度条box的left值来控制位置,用animate实现动画效果 html <div cl ...

  7. ES6学习笔记七Generator、Decorators

    Generator异步处理 { // genertaor基本定义,next()一步步执行 let tell=function* (){ yield 'a'; yield 'b'; return 'c' ...

  8. boost.python入门教程 ----python 嵌入c++

    Python语言简介 Python是一种脚本语言.以开放的开发接口和独特的语法著称.尽管Python在国内引起注意只有几年的时间,但实际上Python出现于上世纪90年代(据www.python.or ...

  9. 使用Navicat为MySQL建立定时任务

    1.编写好每个小时需要指定的sql语句,我一般都是编写的一个update SQL,也可以编写好一个函数存储过程 2.点击事件,可能回看到一些事件列表,然后点击上方的“新建事件”,会打开一个事件定义框( ...

  10. List集合三种遍历方法

    List<String> list = new ArrayList<String>();list.add("aaa");list.add("bbb ...