html学习(主要是对比较常用标签的总结)(html5未包含完)

标签

作用

常见属性

常用场景

标准属性

 

Id、class、title、style

 

事件属性

 

onclick, ondblclick, onmousedown, onmouseup, onmouseover,

onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

 

块元素(以新行来开始(和结束)

<div> <body><p>..

<h><ul><table>

通用属性

Width

align布局方式 (left/center/right/justify)

bgcolor背景颜色

Style

background背景图片

 

<div>

定义文档中的分区或节

 

 

<span>

用来组合文档中的行内元素。

 

 

 <table>

表格,内部为<tr><th><td>

boder 边框(  空格)

表格

 <ul><li>

无序列表

 

 

列表

<ol><li>

有序列表

 

<dl><dt><dd>

定义列表

 

<meta>

 

{

<title>

<link> href

<script> type

<base>

<style>

}<head>元素内

可提供有关页面的元信息,被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。位于<head>元素内部

Content:some_text(定义与name、http-equiv相关的元信息

 

<a>

超链接

href 引用(电子邮箱 mailto:xxx@yyy

name 名称 也可以用id

target 图像在何处显示

 

 

 

 

 

<img  >

图像

src 图像地址

alt 替代文本

 

<hr />

水平线

 

 

<br  />

换行

 

 

<textarea>

多行长文本

 

 

<strong>

更加强调

 

 

<em>

强调

 

 

 

字体

<i>

斜体

 

<b>

粗体

 

<blockquote>

块引用

 

 

 

 

引用

<q>

短引用

 

<cite>

定义引用,对参考文献的引用进行定义,比如书籍或杂志的标题

 

<addresss>

 

 

 

<code>

定义计算机代码

Pre  保持格式

 

<var>

保留数学变量

 

 

 

<form>

 定义表单input 元素、复选框、单选按钮、提交按钮等

action 提交表单时(地址、服务器)

method 提交表单所采用的http方法

(GET(默认、在网址显示内容)、

POST())

target 怎么打开链接文档

(_self(默认,在相同框架)、_black(新窗口)、_parent(父框架)、_top(整个窗口)、framename(指定框架))

accept-charset 提交表单使用的字符集

enctype 提交数据的编码

autocomplete 自动完成表单,默认开启on

novalidate  不验证表单

id------<input>form 所属一或多个表单

表单

 <fieldset>

组合表单元素

 

   <legend>

定义标题

 

   <input>

输入

type=text 单行文本(20字符)

     radio 单选按钮   checkbox 复选框

     Submit 提交按钮  button 按钮

     password 密码

(color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week、image(height、width))

value  默认文本   

name 提交的字段,实际是form属性

限制属性:disabled(输入字段被禁用)、max、maxlength、min、pattern(输入值正则表达式)、readonly(只读)、required(必填)、size、step、html5:autofocus(自动获取焦点) 、placeholder(输入值提示)、step(间隔值)

     <datalist>

html5

预定义选项列表

id----<input>list

      <option>

 

value

   <select>

下拉列表

name

     <option>

待选择选项

value

selected 预定义选项

   <textarea>

多行输入文本

name  、rows  、cols

   <button>

可点击按钮

type

onclick

在看w3school的时候说html5中被弃用,具体怎么不知道,所以还是先存着吧

<frameset>

框架

 

Cols  、 rows

在html5中被删除

  <frame>

 

 

Src

导航链接 name--target

<iframe>

内部网页

 

Src、height、width、

name(作为target目标进行链接)

frameborder(0就是移除边框)

html5中的建议替换(箭头后为被建议替换的):

Style 属性 background-color  <- bgcolorfont-family  <- font、color 以及 font-sizetext-align <- align

 

html5

<header>

文档或节的页眉

 

 

 

 

 

 

 

 

<nav>

导航链接的容器

<section>

文档中的节

<article>

独立的自包含文章

<aside>

内容之外的内容(比如侧栏)

<footer>

文档或节的页脚

<detail>

额外的细节

<summary>

details元素的标题

<figure>

  <img>

  <caption>

图片标题组合

 

div、section、article的区别:https://blog.csdn.net/qq_22855325/article/details/72877285

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值