HTML5/CSS3/JavaScript































































基本元素
元素名 属性名 属性说明 作用备注
<!--...-->     代码备注
<html>     根元素
<head>     页面头部
<title>     页面标题
<body>     页面主体
<h1>~<h6>     定义标题(字体大小区别)
<p>     定义段落
<br>     插入一个换行
<hr>     定义水平线
<div>     定义文档中的节
<span>     与div基本相似,区别是不默认不会换行显示

















































文本格式化
元素名 属性名 属性说明 作用备注
<b>     定义粗体文本
<i>     定义斜体文本
 <em>      定义强调文本 实际效果与斜体文本差不多
 <strong>    

与<b>标签的作用和用法基本相同

HTML5为该元素增加了语义,使用该元素包起来的文本则为重要文本

 <small    

定义小号字体文本

通常用来标注诸如免责声明、注意事项、法律规定和版权相关的声名性文字

 <sup>     定义上标文本 
 <sub>     定义下标文本
 <bdo>  dir

只能指定两种属性值

1:dir = "ltr"

2:dir = "rtl"

指定属性显示文本不同效果 ltr属性值文本则从左向右排列 rtl属性值文本则从右向左排列

语义相关元素








































































元素名 属性名 属性说明 作用备注
<abbr> title 该属性用于指定该缩写所代表的全称 用于表示一个缩写
<address>     用于表示一个地址,浏览器通常会用斜体字显示该标签内的文本
<blockquote> cite 该属性指定该引用文本所引用的网址URL

用于定义一段长的引用文本,浏览器会用缩进的方式显示该标签内的文本

该标签与<q>标签作用区别是该标签用于引用带换行的、大段文本

<q>    

用于定义一段短的引用文本,浏览器会为这段文本添加引号

该标签与<blockquote>标签的作用区别是该标签用于引用不带换行的、较短的文本

<cite>     用于表示作品(一本书、一部电影、一首歌曲)的标题,浏览器会用斜体字显示该标签内的文本
<code>     表示一段计算机代码
<dfn>     用于定义一个专业术语,浏览器会用粗体或斜体字显示该标签内的文本
<del>    

定义文档中被删除的文本,浏览器通常会以中划线的形式来显示该标签内的文本

<ins>元素和<del>元素通常结合使用,用于表示文档被"修订"的效果

<del>表示被删除的文本
<ins>表示更新的文本

<ins>

cite

datetime

cite:属性值为一个URL,该URL对应的文本解释了文本被删除或插入的原因。

datetime:定义文本被删除或插入的日期、时间

定义文档中插入的文本,浏览器通常会以中划线的形式来显示该标签内的文本

<ins>元素和<del>元素通常结合使用,用于表示文档被"修订"的效果

<del>表示被删除的文本
<ins>表示更新的文本

<pre>    

用于表示该标签内的文本被预格式化,就是说元素所包含文本中的

空格、回车、Tab键和其他格式字符都会被保留下来。

<samp>     用于定义示范文本内容
<kbd>    

用于定义键盘文本,该元素用于表示文本时通过键盘输入的。

通常在计算机使用文档、使用说明中会经常使用该元素。

<var>     用于表示一个变量,浏览器通常会用斜体字显示该元素内的文本

时间: 2024-10-18 21:04:23

HTML5/CSS3/JavaScript的相关文章

HTMl5/CSS3/Javascript 学习推荐资源

HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/Python/Nodejs/Java/ASP .NET只要和展示有关的部分都可以称之为前端.在这里由于篇幅的限制,我们只推荐与HTML+CSS+Javascript三者有关的前端技术 入门 w3school html5 简单HTML5的入门教程 w3school css3 简单的CSS3入门教程 J

检测 HTML5\CSS3\JAVASCRIPT 在浏览器的适应情况

CSS3 Selectors Test : 这是CSS3.INFO网站提供的css选择器测试页面,它能够详细显示当前浏览器对所有CSS3选择器的支持情况.启动测试,浏览器会自动测验,并已列表的方式显示当前浏览器对所有css3选择器的支持情况     http://tools.CSS3.info/selectors-test/test.html When can I use :这是一个专业的测试网站,为广大网页设计师提供CSS3\HTML5\SVG\JAVAScript api 技术的浏览器支持情

web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记 二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位 三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0

移动网页设计与开发 HTML5+CSS3+JavaScript

第1章 网络平台1.1 对术语的简短说明1.2 你是谁,你需要知道些什么1.3 了解什么是HTML51.4 真正的HTML51.5 CSS3及其他1.6 浏览器支持1.7 测试,再测试,进行更多的测试总结 第2章 结构和语义2.1 HTML5的新元素2.2 网页易读性倡议的无障碍的富因特网应用程序组件(WAI-ARIA)2.3 语义标记的重要性2.4 微格式2.5 RDFa2.6 微数据2.7 数据属性2.8 Web组件:标记的未来?总结 第3章 设置响应性CSS3.1 媒体查询3.2 Java

2019前端面试经典(html5+css3+JavaScript)

前端目录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网络安全相关 webpack相关 其他 Html相关 1 html语义化 意义:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析.注意: 1.尽可能少的使用无语义的标签div和span: 2.在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利: 3.不要使用

html5+css3+javascript 自定义弹出窗口

效果图: 源码: 1.demo.jsp 1 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 2 <html> 3 <head> 4 <title>demo12.jsp</title> 5 <script type="text/javascript" src="js/myLayer.js&q

学习HTML5+CSS3+Javascript的第一周

Javascript是一种轻量级.解释型的Web开发语言.JS代码需要写在<script></script>标签中,作为脚本语言的标识符来分隔其他源代码.避免与html标签和css样式混淆. js代码严格区分大小写.javascript暂不支持constant关键字,不允许用户自定义常量.javascript使用var关键字声明变量,先声明后使用:声明变量之后,在没有初始化之前,它的初始值为undefined(未定义的值).变量命名规则:1.首字符必须是大写或小写字母.下划线.或美

面向Web Cloud的HTML5 App开发实战:Browser&amp;HTML5&amp;CSS3&amp;PhoneGap&amp;jQuery Mobile&amp; WebSocket&amp;Node.js(3天)

课程简介: 王家林老师(联系邮箱[email protected] 电话:18610086859 QQ:1740415547 微信号:18610086859) 22个HTML5主题一次性贯穿HTML5的一切技术: 一网打尽HTML5时代Device.(设备端).Browser(浏览器)和Cloud(浏览器)的所有技术: 以浏览器定制技术为基础,通晓HTML5+CSS3+PhoneGap+Web Socket +jQuery Mobile +Node.js等HTML5的六大核心技术: 最新研发的H

[IOS_HTML5]各种JS框架介绍--用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师.其实,安卓/IOS应用可以用很多种语言来实现.由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了.所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具. 在文章的末尾,也介绍了使用JAVA.C#.Lua以及AS3来开发安卓应用的工具. 希望大家都能找到适合自己的开发工具!祝大家开发安卓/IOS应用一切顺利! PhoneGap 开发语言: HTML, CSS, JavaScript 开发工具: Ph