HTML相关标签温习:
<html></html> 根标签
<head></head>头标签
<body></body>内容标签
整个HTML由以上三个标签块构成,其中head标签内容负责页面相关属性的说明,不做具体展示之用。
body标签里面则是具体的内容,用作浏览器展示之用。
|-- head
|-- title : 网页标题,显示在浏览器标签上。
|-- style: 定义了HTML文档的样式文件引用地址,可在标签中指定样式文件。
|-- script: 于加载脚本文件,通常是JavaScript脚本。
|-- link: 定义了文档与外部资源之间的关系,通常用于链接到样式表。
|-- <link rel="stylesheet" type="text/css" href="theme.css">
|-- base:定义了页面链接标签的默认链接地址。
|-- <base href="http://www.w3cschool.cc/images/" target="_blank">
|-- meta:描述了一些基本的元数据,元数据不会显示在客户端,会被浏览器解析。(通常用于指定网页的描述,关键词,的文件的最后修改,作者,和其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。)
|-- <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> 为搜索引擎定义关键词
|-- <meta name="description" content="Free Web tutorials on HTML and CSS"> 为搜索引擎定义关键词
|-- <meta http-equiv="refresh" content="30"> 每30秒刷新页面
|-- <meta name="author" content="Hege Refsnes"> 定义页面作者定义页面作者
|-- <meta http-equiv="content-type" content="text/html; charset=UTF-8"> (HTML5: <meta charset="UTF-8">)
标签的用途、标签在浏览器中的默认样式:
语义化:那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)。
标题 <hx>
x : 1~6 ; 请确保将 HTML heading 标签只用于标题。不要仅仅是为了生成粗体或的文本而使用标题。
HTML 水平线:<hr/> 标签在 HTML 页面中创建水平线。
注释:<!-- 这是一个注释 -->
换行: <br/>
段落: 这是一块段落。
格式化标签:
标签 描述
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
HTML "计算机输出标签" :
标签 描述
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本
HTML 引文、引用,及标签定义:
标签 描述
<abbr> 定义缩写
<address> 定义地址
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、引证
<dfn> 定义一个定义项目。
HTML 链接:
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
Link text
href 属性描述了链接的目标。【# href="#id",本地文档的定位处】
使用 Target 属性,你可以定义被链接的文档在何处显示。【_blank、_parent、_self、_top】
Note: 注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3cschool.cc/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3cschool.cc/html/"。
HTML 列表:
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于
标签。每个列表项始于 <li> 标签。
<ol>
- 列表项1
- 列表项2
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
HTML 头像:IMG
<img src="url" alt="some_text" width="304" height="228" usemap="#planetmap" >
<map name="planetmap" id="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
src 指 "source"。源属性的值是图像的 URL 地址。
alt 属性用来为图像定义一串预备的可替换的文本。
height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。
标签 描述
<img> 定义图像
<map> 定义图像地图
<area> 定义图像地图中的可点击区域
HTML 表格:
<table>
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
标签 描述
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
HTML 区块:
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
实例: <h1>, <p>, <ul>, <table>
HTML 内联元素:
内联元素在显示时通常不会以新行开始。
实例: <b>, <td>, <a>, <img>
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
HTML <span> 元素是内联元素,可用作文本的容器。
HTML 表单元素:
标签 描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义了 <input> 元素的标签,一般为输入标题
<fieldset> 定义了一组相关的表单元素,并使用外框包含起来
<legend> 定义了 <fieldset> 元素的标题
<select> 定义了下拉选项列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个点击按钮
<datalist>New 指定一个预先定义的输入控件选项列表
<keygen>New 定义了表单的密钥对生成器字段
<output>New 定义一个计算结果
HTML 框架:
标签 说明
<iframe> 定义一个内联的iframe
HTML 实体:
显示结果 描述 实体名称 实体编号
空格  
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
' 撇号 ' (IE不支持) '
¢ 分 ¢ ¢
£ 镑 £ £
¥ 日元 ¥ ¥
€ 欧元 € €
§ 小节 § §
© 版权 © ©
® 注册商标 ® ®
™ 商标 ™ ™
× 乘号 × ×
÷ 除号 ÷ ÷
分享到:
相关推荐
《HTML 5 Canvas基础教程》从HTML5和JavaScript(以及jQuery)的基础知识讲起,全面介绍了HTML5Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态,以及变形、合成、处理图像和视频等,让...
《HTML5 Canvas基础教程》从HTML5和JavaScript(以及jQuery)的基础知识讲起,全面介绍了HTML5 Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态,以及变形、合成、处理图像和视频等,让...
JavaScript与Java虽然在名称上有相似之处,但实际上两者完全不同,JavaScript最初命名为LiveScript,后来为了市场营销策略而选择了与Java相似的名字,但其语法和设计理念与Java大相径庭。 JavaScript分为三个主要...
《HTML5 Canvas基础教程》从HTML5和JavaScript(以及jQuery)的基础知识讲起,全面介绍了HTML5 Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态,以及变形、合成、处理图像和视频等,让...
这个"vue前四天学习知识的温习小项目"是为初学者设计的,旨在帮助巩固在短时间内学习Vue的基础知识。通过创建一个小项目,学习者可以将理论与实践相结合,提升对Vue的理解。 首先,我们来看`README.md`文件。这是一...
**JSP基础教程** 包含了JSP的基本概念、语法、生命周期、指令、动作标签等内容。HTML格式的学习材料使得学习过程更加直观,便于理解和记忆。基础教程通常会涵盖以下几点: 1. **JSP页面结构**:讲解JSP文件的基本...
**第一章:HTML基础** 在这一章,我们将学习HTML的基本结构,包括文档类型声明<!DOCTYPE html>、HTML标签如<html>、和,以及如何创建基本的网页框架。同时,我们会了解文本元素如到的标题标签,段落标签,以及超链接...
在Web开发的广阔天地里,通过JavaScript在HTML中实现这一经典示例,不仅是对基础知识的温习,也是对前端技术栈的一次浅尝辄止。本文将带领读者走进这段简单的代码背后,探索其如何将文本内容嵌入到网页之中,从而与...
本压缩包中的"10月12_html_"包含了我整理的一些关于HTML的学习资料,特别适合初学者或需要温习基础知识的开发者参考。 在HTML中,我们主要关注以下几个核心知识点: 1. **HTML结构**:HTML文档通常由三部分组成...
通过本节实习实训课程,我们温习了 html 设计基础和 js 技术,并实现了课程表的设计和个人资料登记表的设计及相关功能的实现,收益颇丰。 本实验报告还提供了源程序,包括课程表和个人资料登记表的源代码,这些代码...
在IT领域,学习和掌握各种编程语言...无论你是刚入门的新手,还是需要温习基础知识的老手,这些文档都将是你宝贵的参考资料。通过深入学习和实践这些内容,你可以构建坚实的技术基础,为在IT领域的发展打下坚实的基础。
它是一个很好的学习资源,帮助初学者掌握Python在数据科学中的应用,同时也能让有经验的开发者温习相关技能。通过实践这个项目,你可以提升自己在数据采集、处理和分析方面的能力,为今后的项目提供宝贵的实践经验。
这些速查表集合在一起,形成了一个强大的技术参考资料库,无论是在日常开发中遇到问题,还是在准备面试时温习基础知识,都能提供极大的便利。它们是学习和提升技能的有效工具,值得程序员和设计师收藏和使用。
适合人群:将要进行Web前端开发岗位面试的小伙伴,具备一定编程基础,学习过Web前端 注意:本资源为面试题而非教程。 阅读建议:一遍过,建立起知识体系结构,反复温习加深记忆,最后手动验证,也可以参看其他文章,...
这三份CHM文档集合在一起,提供了一个全面的学习路径,从服务器端的J2EE5开发,到客户端的jQuery实践,再到Web开发基础的温习,无论你是Java开发者、前端工程师还是Web开发者,都能从中受益。通过深入学习和实践,...
对于初学java以及JAVA高手温习JAVA基础是一本难得的资料,特发过来,供大家分享。 二、资源说明 第1章 java语言概述 1.1 HelloWorldApp程序 1.2 HelloWorld小应用程序 1.3 编译和运行HelloWorld 1.4 温度转换程序 ...
2. **数据库知识与应用**:通过SQL语句进行表的创建、设置主键和外键、创建约束、角色、视图和过程,以及了解网络配置问题,掌握HTML和JavaScript,为网页设计和交互功能的实现奠定了基础。 3. **Web开发**:学习了...
这涵盖了HTML基础、网页布局和电子邮件的收发管理,对于日常生活和工作中的信息交流至关重要。信息资源的整理与发布则涉及到文件管理、数据库基础以及网络资源共享,有助于提升信息处理和传播的能力。 实训期间,...
简单描述: 使用github.io搭建的个人博客,旨在计算平时学习工作中的些许感悟 博客地址: ...python之time基础 python正确使用 multiprocessing 的姿势 tmux介绍 天秀的db写法 用JavaScript获取图片