HTML速查

1.标签属性表

类型标签属性快捷键
标题

<h1></h1>

<h6></h6>

h$*6
段落<p></p>
换行<br>
水平线<hr></hr>

color

width(宽度)

size(高度)

align(对齐方式)[left|right]

图片<img>

src(路径:图片地址与名字)

alt(规定图像的替代文本)

width(规定图像的宽度)

height(规定图像的高度)

title(鼠标悬停在图片上给予提示)

img
超链接<a></a>herf(超链接的跳转地址)
文本

<em></em>

定义着重文字
<b></b>定义粗体文字
<i></i>定义斜体字
<strong></strong>定义加重语气
<del></del>定义删除字
<span></span>元素没有特定的含义
有序列表<ol></ol>type(列表项目标号的形式)
<li></li>
无序列表<ul></ul>type(disc默认实心圆,circle空心圆,square实心小方块,none不显示)ul>li*4
<li></li>
表格<table></table>

border(边框)

width(宽度)

height(高度)

table>tr*2>td*3{单元格}
<tr></tr>rowspan(垂直合并)
<td></td>colspan(水平合并)
表单<form></form>表单标签+表单域+表单按钮
文本域<input></input>

type=

"text"(文本框)

"password"(密码框)

"submit"(提交按钮)

容器<div></div>
头部<header></header>
导航<nav></nav>
文档的节<section></section>比如章节、页眉、页脚
侧边栏<aside></aside>
脚部<footer></footer>
内容块<article></article>一个独立的、完整的相关内容块

2.块级元素与内联元素

常见块级元素  div、form、h1~h6、hr、p、table、ul等

常见内联元素(行内元素)  a、b、em、i、span、strong等

行内块级元素(特点:不换行、能够识别宽高) button、img、input等

3. 图片地址表示

图片地址的三种表示方式

1.绝对路径

        E:\图片\1.jpg

2.相对路径

  • 子级关系:/
  • 父级关系:../
  • 同级关系:./(可省略)

3.网络路径

具体的网络地址:https://www.baidu.com/img/1.jpg

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值