专栏首页Java探索之路HTML知识清单(附学习网站)

HTML知识清单(附学习网站)

互联网三要素:HTML、HTTP、URL

HTML(Hyper Text Markup Language):超文本标记语言 HTTP(HyperText Transfer Protocol):超文本传输协议 URL(Uniform Resource Location) :统一资源定位符

HTML简介:

HTML:超文本标记语言 超文本:文本信息 、图片、声音、视频、超链接等 标记:标签的体现

1、<!DOCTYPE html>

HTML5中的文档约束(DTD),代表使用的是H5格式

2、<meta>标签

在书写超链接时,必须在域名前写上:http://¬¬¬¬对搜索引擎优化,添加关键字、描述、作者、版权等信息 设置自动刷新网页 禁止网页缓存

3、body内的常用标签

a) 标题标签<h>

分为h1-h6,字体由大到小,会自动换行 —align:调整对齐方式

b) 分割线标签<hr>

—width:分割线水平宽度 —color:颜色 —size:垂直宽度

c) 段落标签<p>

在两个段落之间会有段间距,适合排版时使用 —&nbsp:空格

d) 预文本标签<pre>

按照书写方式输出,灵活性较大,不推荐使用

e) 常用的小标签

–u 下划线 –I 斜体 –b 加粗 –del 删除线标签 –sup 上标标签 –sub 下标标签 –small 字体变小标签 -big 字体变大标签

f) 字体标签<font>

-color 颜色 -size 大小 -face 字体

g) 列表标签

–ol 有序列表 –ul 无序列表 –dl 自定义列表

h) 跑马灯标签<marquee>

-direction 滚动方向 -scrollamount 滚动速度

g) 超链接标签<a>

实现锚点功能 实现不界面之间的跳转 -href 指定跳转到目标资源位置 -target 打开网页的方式 -self 从本页跳转 -blank 另起一页跳转 -xxx… 自定义

<a href="#bottom" name="top">返回底部</a>
<a href="#top" name="bottom">返回顶部</a>

h) 图片标签<img>

-src 引入图片的位置{相对路径、绝对路径、网络路径 -title:图片的标题 -alt:图片无法正常显示的时候显示的属性 -align:图片的位置 ,必须有参照物

i) 表格标签<table>

-border 边框大小 -width、heigth 单元格宽高 -cellpadding 内容和单元格的距离 -colspan 合并列 -rowspan 合并行 -bgcolor 背景色 –tr 表格行(height指定行高) –td 表格列(width指定列宽) –th 标题列:自动加粗居中

tip:Table>tr3>td3+tab 快速指定一个三行三列的表格

J)表单标签

-action 表单提交的位置,可以进行页面跳转 -method 表单提交方式(post、get) -get:参数会依附于url地址之后,数据长度有限制,不安全 -post:参数不会依附于地址,不受限,安全 –input 设置输入框体 -type 框体类型 -text 文本框 -checkbox 多选框 - textarea 多行文本框 -file 文件选择框 -hidden 隐藏框 -select、option 下拉框 -submit 提交按钮 -reset 清空按钮 -button 普通按钮 -name 框体的内部名称 -value 默认显示框体的值

k) 框架标签<iframe>

-width 宽度 -heigth 高度 -name 框架的值 -src 资源的位置 产生三条连接标签

Html5简介:

H5中的表单增强标签<form><input>

-email 邮箱输入框 -number 数字输入框 -range 滑动器输入框 -date、week、moth 日期输入框 -color 颜色输入框

H5中的音频标签<audio>

-src -controls

H5中的视频标签<vedio>

-src -controls -width -heigth

多媒体标签<embed>

-width -heigtth

独立内容标签<figure>

用来表示网站制作页面上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。 -figcaption

着重强调标签<mark>

细节/选择标签<details>

-summary

刻度标签<meter>

-max 规定的最大值 -min 规定的最小值 -value 当前的值 -low 自定义最小值 -high 自定义最大值

进度条标签<progress>

-max 规定的最大值 -min 规定的最小值 -value 当前的值

画布标签 <canvas>

上面知识点知识本人总结的,想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站,免费开源!!!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • MyBatis中动态sql语句标签详解

    时间静止不是简史
  • JavaEE中的el 表达式以及JSTL详解

    尤其关注三目运算符的使用,列如通过对el的使用,实现用户年龄小于20所在行显示为灰色,大于20显示绿色的效果。

    时间静止不是简史
  • 如何在JavaEE项目中设置忽略错误的详解(显示红叉的解决方案)

    时间静止不是简史
  • HTML标签

    HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行...

    星辰_大海
  • HTML标签分类

    在HTML页面中,带有“<>”符号的元素被称为HTML标签,如 <HTML>、<head>、<body>、<head>等都是HTML骨架结构标签。所谓标签就是放...

    爱知汇
  • HTML中的容器标签

    什么是容器标签?在HTML开发中我们常常会使用一类标签作为容器放置一些内容,我们把这类标签称之为容器标签,可以作为容器标签的包括列表标签、表格标签、框架标签、布...

    一墨编程学习
  • 用户画像实践:神策标签生产引擎架构

    导读:用户画像是建立在数据基础之上的用户模型,是产品改进、精准营销等业务场景中不可或缺的重要基础。而构建用户画像的过程就是要给用户打上各种维度的标签,并基于标签...

    木东居士
  • SEO优化搜索引擎能识别的常用标签有哪些

    2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。

    高级优化师
  • 用HTML写一篇简单的日记

    在这篇文章之前,已经初步的了解了HTML是怎么创建了,接下来,我们要用创建的文件去写我们进入前端的第一个demo,当然了,如果你忘记了,我之前的文章里也有详细的...

    守护最温柔的金木
  • JavaWeb(十三)简单标签

    用户定义的一种自定义的jsp标记 。当一个含有自定义标签的jsp页面被jsp引擎编译成servlet时,tag标签被转化成了对一个称为 标签处理类 的对象的操作...

    leeqico

扫码关注云+社区

领取腾讯云代金券