HTML入门笔记2

ViktorVan范佩西
99 阅读2分钟

这篇笔记主要介绍a标签、img标签和form标签的用法

a 标签

a是anchor的缩写，通常用来创作超链接，可以跳转到外部页面、内部锚点甚至是邮箱或电话等。 常用属性：

href

该属性值为超链接指向的URL地址。URL地址不仅仅局限于基于HTTP协议的链接，可以是任何被浏览器支持的URL scheme。包括网址、路径、伪协议、带mailto:的邮箱地址和带tel:的手机号码等

target

该属性值负责在哪里展示链接，通常是以下四种参数

download

下载代替展示，这个属性不是所有浏览器都支持，特别是手机浏览器可能不支持

img标签

<img> HTML元素支持将图像嵌入文档，常用属性：

alt 定义了图像的备用文本描述，以供图像加载失败时查看

src 指定图像文件的路径

width 定义图像文件的宽度

height 定义图像文件的高度(高度和宽度属性声明一个即可，另一个会自动适应，切忌两个属性都被声明防止图像尺寸失调)

table标签

<table>标签用于制作表格，内部通常由<thead> <tbody> <tfoot>三个标签构成

常用样式属性有table-layout border-collapse border-spacing, 可以在<header>标签里做设置

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table {
            width: 600px;
            table-layout: fixed;
            border-spacing: 0;
            border-collapse: collapse;
        }

        td,
        th {
            border: 1px solid blue;
        }
    </style>
</head>

form标签

form标签用于发get或post请求，然后刷新页面，常用属性：

action

必须项，这个属性的作用控制请求哪个页面

autocomplete

这个属性控制自动填充

method

这个属性控制请求的方法，post或get

target

这个属性控制在哪个页面展现action属性声明的页面。

学习感想

HTML的知识点比较零碎，遗忘速度比较快，比较难成一个系统，读MDN文档有时候也会一头雾水，要想扎实的掌握这一块儿的知识还需要多次复习教程外加多实践。

avatar
文章
阅读
粉丝