首页 > html教程 > 正文

重走JAVA编程路,还是熟悉的路-html标签和css属性

转载 2019-02-11 0 33

第一天,重新认识HTML的标签元素和CSS样式属性,加深印象!

HTML 的标签元素:

HTML 元素

a标明超链接的起始或目的位置。
acronym标明缩写词。
address特定信息,如地址、签名、作者、此文档的原创者。
applet在页面上放置可执行内容。
area定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。
b指定文本应以粗体渲染。
base指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。
baseFont设置渲染文本时作为缺省字体的基础字体值。
bdo允许作者为选定文本片断禁用双向法则。
bgSound允许页面带有背景声音或创建音轨。
big指定内含文本要以比当前字体稍大的字体显示。
blockQuote设置文本中的一段引语。
body指定文档主体的开始和结束。
br插入一个换行符。
button指定其中所含的 HTML 要被渲染为一个按钮。
caption指定表格的简要描述。
center将后面的文本和图像居中显示。
cite用斜体显示标明引言。
code指定代码范例。
col指定基于列的表格缺省属性。
colGroup指定表格中一列或一组列的缺省属性。
comment标明不可见的注释。
custom代表了一个用户自定义元素。
dataTransfer提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。
dd在定义列表中表明定义。定义通常在定义列表中缩进。
del表明文本已经从文档中删除。
dfn表明术语的定义实例。
dir引起目录列表。
div指定渲染 HTML 的容器。
dl引起定义列表。
dt在定义列表中表明定义术语。
em强调文本,通常以斜体渲染。
embed允许嵌入任何文档。
fieldSet在字段集包含的文本和其它元素外面绘制一个方框。
font指定用于渲染所包含文本的新字体、大小和颜色。
form指定所包含控件在表单中起作用。
frame在 FRAMESET 元素内指定单个框架。
frameSet指定一个框架集,用于组织多个框架和嵌套框架集。
head提供了关于文档的无序信息集合。
hn以标题样式渲染文本。
hr绘制水平线。
html表明文档包含 HTML 元素。
HTML 注释避免任何内含文本或 HTML 源代码被处理并在浏览器窗口中显示。
i指定文本应以斜体渲染,若可用的话。
iframe创建内嵌浮动框架。
img在文档中嵌入图像或视频剪辑。
IMPORT从元素行为中导入标签定义。
input创建各种表单输入控件。
input type=button创建按钮控件。
input type=checkbox创建复选框控件。
input type=file创建文件上载控件,该控件带有一个文本框和一个浏览按钮。
input type=hidden传输关于客户/服务器交互的状态信息。
input type=image创建一个图像控件,该控件单击后将导致表单立即被提交。
input type=password创建与 INPUT type=text 控件类似的单行文本输入控件,不过其中并不显示用户输入的内容。
input type=radio创建单选钮控件。
input type=reset创建一个按钮,该按钮单击后将重置表单控件为其缺省值。
input type=submit创建一个按钮,该按钮单击后将提交表单。
input type=text创建一个单行的文本输入控件。
ins指定被插入到文档中的文本。
isIndex使浏览器显示一个对话框,提示用户输入单行文本。
kbd以固定字体渲染文本。
label为页面上的其它元素指定标签。
legend在 fieldSet 对象绘制的方框内插入一个标题。
li引起列表中的一个项目。
link允许当前文档和外部文档之间建立连接。
listing以固定字体渲染文本。
map包含客户端图像映射的坐标数据。
marquee创建一个滚动的文本字幕。
menu创建一个项目的无序列表。
meta向服务器和客户端传达关于文档的隐藏信息。
noBR不换行渲染文本。
noFrames包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。
noScript指定要在不支持脚本的浏览器显示的 HTML。
object向 HTML 页面中插入对象。
ol绘制文本的编号列表。
optGroup允许作者对 select 元素中的选项进行逻辑分组。
option引起 SELECT 元素中的一个选项。
p引起一段。
param设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。
plainText以固定宽度字体渲染文本,不处理标签。
pre以固定宽度字体渲染文本。
q分离文本中的引语。
rt指明 RUBY 元素的注音文本。
ruby指明要放置在文本串之上或内嵌的注解或发音指南。
s以删除线字体渲染文本。
samp指定代码范例。
script为脚本指定由脚本引擎解释的脚本。
select引起列表框或下拉框。
small指定内含文本要以比当前字体稍小的字体显示。
span指定内嵌文本容器。
strike以删除线字体渲染文本。
strong以粗体渲染文本。
style指定页面的样式表。
sub指定内含文本要以下标的形式显示,通常比当前字体稍小。
sup指定内含文本要以上标的形式显示,通常比当前字体稍小。
table指定所含内容要组织成行列的表格。
tBody指明行作为表格主体。
td指定表格中的单元格。
textArea指定多行文本输入控件。
tFoot指明行作为表尾。
th指定标题列。标题列将在单元格中居中并以粗体显示。
tHead指明行作为表头。
title包含文档的标题。
tr指定表格中的一行。
tt以固定宽度字体渲染文本。
u带下划线渲染文本。
ul绘制文本的项目符号列表。
var定义编程变量。通常以斜体渲染。
wbr向一块 NOBR 文本中插入软换行。
xml在 HTML 页面上定义一个 XML 数据岛。
xmp以固定宽度字体渲染作为示例的字体。

CSS属性表

这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于 Microsoft® Internet Explorer 5 中使用。标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用。带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用。如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有“已提交”。若某个标签属性或属性既未提交给 W3C 也不是标准,将标有“扩展”。

CSS 标签属性/属性

行为属性behavior(已提交)*
字体和文本属性direction*
direction
font
font-family
font-size
font-style
font-variant
font-weight
ime-mode(已提交)*
layout-grid(已提交)*
layout-grid-char(已提交)*
layout-grid-line(已提交)*
layout-grid-mode(已提交)*
layout-grid-type(已提交)*
letter-spacing
line-break(已提交)*
line-height
min-height ++
ruby-align(已提交)*
ruby-overhang(已提交)*
ruby-position(已提交)*
text-align
text-autospace(已提交)*
text-decoration
text-indent
text-justify(已提交)*
text-kashida-space(已提交)**
text-overflow ++
text-transform
text-underline-position(扩展)**
unicode-bidi
vertical-align
white-space**
word-break(已提交)*
word-spacing ++(于 Macintosh 版本 4.0 中可用)
word-wrap(扩展)**
writing-mode(已提交)**
颜色和背景属性background-attachment
background-color
background-image
background-position
background-position-x(已提交)
background-position-y(已提交)
background-repeat
color
版面属性border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse*
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
clear
float
layout-flow(扩展)
margin
margin-bottom
margin-left
margin-right
margin-top
padding
padding-bottom
padding-left
padding-right
padding-top
scrollbar-3dlight-color(扩展)**
scrollbar-arrow-color(扩展)**
scrollbar-base-color(扩展)**
scrollbar-darkshadow-color(扩展)**
scrollbar-face-color(扩展)**
scrollbar-highlight-color(扩展)**
scrollbar-shadow-color(扩展)**
table-layout*
zoom(扩展)**
分类属性display
list-style
list-style-image
list-style-position
list-style-type
定位属性bottom*
clip
height
left
overflow
overflow-x(已提交)
overflow-y(已提交)
position
right*
top
visibility
width
z-index
打印属性page**
pageBreakAfter
pageBreakBefore
滤镜属性filter(已提交)
伪类和其它属性:active
@charset
cursor
:first-letter**
:first-line**
@font-face
:hover
@import
!important
:link
@media*
@page**
:visited

CSS 长度单位表格

相对长度单位
em元素字体的高度。
ex字母“x”的高度。
px像素。
%百分比
绝对长度单位
in英寸(1 英寸 = 2.54 厘米)。
cm厘米。
mm毫米。
pt磅(1 磅 = 1/72 英寸)。
pc皮卡(1 皮卡 = 12 磅)。

福利:

配上学习线路图:

重走JAVA编程路,还是熟悉的路-html标签和css属性

相关文章


  • 第六节html插入图片代码及比例鼠标经过图片显示信息元素
  • 零基础怎么学前端?学好前端必须打好html和css基础
  • Python爬虫实战入门三:简单的HTML解析——爬取腾讯新闻
  • 2018想学好web前端开发,HTML、CSS、JS你真的了解了吗?
  • 自学 HTML 和 CSS,有哪些好的教材和网站教程推荐
  • 扣丁学堂HTML5前端面试之http和html和浏览器汇总
  • web前端 java python html 编程应用发展2018最新自学资料分享
  • html学习第十七天——JS:表单提交验证的几种方法,附代码