第四周学习总结-HTML
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的更多相关文章
- 20145213《Java程序设计》第四周学习总结
20145213<Java程序设计>第四周学习总结 教材学习内容总结 本周任务是学习面向对象的继承.接口以及之后的如何活用多态.(还真是路漫漫其修远兮啊!)教材也是延续上周艰深晦涩的语言风 ...
- 20145304 Java第四周学习报告
20145304<Java程序设计>第四周学习总结 教材学习内容总结 1.继承共同行为: 继承基本上就是避免多个类间重复定义共同行为,关键词为extends. 代码如下: //继承共同行为 ...
- 20145330《Java程序设计》第四周学习总结
20145330<Java程序设计>第四周学习总结 一周两章新知识的自学与理解真的是很考验和锻炼我们,也对前面几章我们的学习进行了检测,遇到忘记和不懂的知识就再复习前面的,如此巩固也让我对 ...
- 20145337《Java程序设计》第四周学习总结
20145337<Java程序设计>第四周学习总结 教材学习内容总结 继承与多态 继承 继承,避免多个类间重复定义共同行为 符合DRY(Don't Repeat Yourself)原则,多 ...
- 20145218 《Java程序设计》第四周学习总结
20145218 <Java程序设计>第四周学习总结 教材学习内容总结 继承 继承共同行为 继承基本上就是避免多个类间重复定义共同行为. 继承的三个好处:减少代码冗余:维护变得简单:扩展变 ...
- 《Java程序设计》第四周学习总结
20145224-陈颢文 <Java程序设计>第四周学习总结 教材学习内容总结 第六章 继承与多态 ·继承就是面向对象中,子类继承父类,避免重复的行为定义.重复再程序设计上是非常不好的信号 ...
- 20155304 2016-2017-2 《Java程序设计》第四周学习总结
20155304 2016-2017-2 <Java程序设计>第四周学习总结 教材学习内容总结 第六章 继承: 概念: 面向对象中,为避免多个类间重复定义共同行为.(简单说就是将相同的程序 ...
- 201521123061 《Java程序设计》第十四周学习总结
201521123061 <Java程序设计>第十四周学习总结 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 2. 书面作业 1. MySQL数据 ...
- 201521123038 《Java程序设计》 第四周学习总结
201521123038 <Java程序设计> 第四周学习总结 1. 本周学习总结 1.1 尝试使用思维导图总结有关继承的知识点. 1.2 使用常规方法总结其他上课内容. 1.通过 ins ...
- 201521123061 《Java程序设计》第四周学习总结
201521123061 <Java程序设计>第四周学习总结 1. 本章学习总结 (1)思维导图: --- (2)上课内容总结: 第四周学习了Java中的继承与多态,思维导图中已经给出了本 ...
随机推荐
- printf是在libc库中么？
libc中果然有很多的函数,使用nm看了一下,里面竟然还有reboot函数,汗! 使用grep,可以看到各种 printf 也都在这里头. objdump是看函数的地址与函数名对应的,虽然也能证明pr ...
- L - LCM Walk HDU - 5584 （数论）
题目链接: L - LCM Walk HDU - 5584 题目大意:首先是T组测试样例,然后给你x和y,这个指的是终点.然后问你有多少个起点能走到这个x和y.每一次走的规则是(m1,m2)到(m1+ ...
- STL之permutation/ equal_range/ binary_range学习
1,is_permutation 函数,判断其中一个序列是不是另外一个序列的全排列. 包括四个参数,前两个是第一个数组需要判断的起始位置和终止位置.后两个是第二个数组需要判断的起始位置和终止位置. # ...
- Flask网页模板的入门
#网页模板需要导入render_template from flask import Flask,render_template 方法一: #使用render_template模块来渲染模板文件 ...
- 【Java编程思想笔记】-集合1
1.为什么要用集合? 一般情况下,数组是保存一组对象(或基本数据类型)最有效的方式.但是数组有着固定的尺寸,而在更一般的情况下,我们在写程序时不知道将需要保存多少个对象,或者是否需要更复杂的存储结构来 ...
- windows下flazr对rtmp视频流进行压力测试（批量直播测试）
flazr-0.7-RC2下载地址:百度网盘 提取码:nu05 简述:通过推流软件推送摄像头视频流到nginx流媒体服务器,获取nginx流媒体服务器上的视频流,在windows下使用flazr软件进 ...
- 连接字符串配置在App.config中
<?xml version="1.0" encoding="utf-8"?> <configuration> <connectio ...
- CF1108F MST Unification
题目地址:CF1108F MST Unification 最小生成树kruskal算法的应用 只需要在算法上改一点点 当扫描到权值为 \(val\) 的边时,我们将所有权值为 \(val\) 的边分为 ...
- 【ARTS】01_17_左耳听风-20190304~20190310
ARTS: Algrothm: leetcode算法题目 Review: 阅读并且点评一篇英文技术文章 Tip/Techni: 学习一个技术技巧 Share: 分享一篇有观点和思考的技术文章 Algo ...
- Perf -- Linux下的系统性能调优工具，第 1 部分【转】
转自:https://www.ibm.com/developerworks/cn/linux/l-cn-perf1/ Perf 简介 Perf 是用来进行软件性能分析的工具. 通过它,应用程序可以利用 ...