HTML常用标签

6,839 阅读1分钟

HTML重难点

英语小课堂

英语翻译助记英语翻译助记
hyper超级害怕blank空白
target目标她给他parent父母之一盼望他
reference引用refer+enceself自己
frame边框、框架load加载
error错误哎惹canvas画布

a标签:

属性

  • href 超链接
  • target 在原页面打开或再空白页打开
  • dowanload 下载网页,不靠谱
  • rel=noopener
image.png

vscode 打开html文件方法

  • 新建终端运行
http-server -c-1 (缩写 hs -c-1)
http://192.168.1.101:8080/a-href.html

新建终端运行

parcel a-href.html

主要用在点击之后没有动作的a标签 <a href="javascript:;">空的伪协议</a>


a的target的取值

  • 内置名字

_blank       新建页面打开

_top       顶级窗口打开

_parent        父级窗口打开

_self       默认值

iframe标签

table标签

相关标签

  • table 表格标签
  • thead 表格头部标签
  • tbody 表格内容标签
  • tfoot 表格尾部标签
  • tr 表格的一行
  • td 表格内容
  • th 表头

相关样式

  • table-layout

值为:auto:表格宽度格局表格内容来定 值为:fixed:表格宽度平均

取消表格之间空隙:

border-collapse:collapse; border-spacing:0;

img标签

  • 作用

发出get请求,展示一张图片

  • 属性

alt/height/width/src

  • 事件

onload/onerror

*响应式

max-width

from标签

  • 作用

发get或post请求,然后刷新页面

  • 属性

action 提交到页面

autocomplete 自动补充用户名

method 提交方式 post/get

target 在哪个页面提交yyy

  • 事件

onsubmit

<input type="submit" value="好的" >和 <button type="submit" >好的</button> 有什么区别? 答:input里面不能有其他标签,button里面可以有其他标签。