HTML常用标签

110 阅读1分钟

A标签的用法

A标签的属性

href

<a href=" ">

  1. a的href的取值
  • 网址

一般有三种网址,分别是
http://xxx.com
https://xxx.com
//xxx.com

* 路径

/a/b/c/以及a/b/c

一般最前面的a不是系统的根目录而是此网页的根目录

还有xxx.html以及./xxx.html

两者的用法没有多大区别。

### target `````` 1. a的target取值 * 内置名字

_blank 在空白页打开

_self 在当前页面打开

_top 在最顶层页面打开

_parant 在当前链接的上一层打开 * 程序员命名

window的name

irame的name

### download ### rel=noopener

img标签的用法

<img src=" ">

  • 作用
发出get请求,展示一张图片。 * 属性
alt: 图片加载不出来时,代替的文字
width/height: 宽和高。(只填其中一个时,另一个会自适应。)
* 事件
onload/onerror
    <img id="xxx">
    <script>
      xxx.onload = function( ){
                     console.log("加载图片成功");}
      xxx.onload = function( ){
                     console.log("图片加载失败");
      xxx.src="/代替图片地址"
      }
  • 响应式
    max-width:100% (可适应手机)

table标签的用法

table标签的属性

table标签内只有三个属性
分别是
thead 表格首部
tbody 表格躯体
tfoot 表格尾部

table标签的内容属性

tr: table row 表格的一行
td: table data 表格内容
th: table head: 表格的首部(会加粗)

相关的样式

table-layout:计算表格的行和列的算法
border-collapse:边框合并
border-spacing:边框间距

其他感想

学编程真的要很有耐心