德胜云资讯,添加一些关于程序相关的内容,仅供大家学习交流(https://www.wxclwl.com)

网站地图

搜索
德胜云咨询
前端分类 javascript CSS 正则表达式 html 前端框架 typescript Ajax
热门标签:
最新标签:

html标签快捷键前端之html_day01html输入文字的标签难以置信,

日期:2023/03/27 18:24作者:陈建豪人气:

导读:Html的主体结构标签的分类标签的关系sublime快捷键单标签双标签路径超链接额外知识运用锚点空连接超链接的优化写法 写在head标签中特殊标...

html的主体结构

标签的分类

标签的关系

sublime快捷键

单标签

双标签

路径

超链接额外知识运用

锚点

空连接

超链接的优化写法 写在head标签中

特殊标记符

列表

Html的主体结构

<!doctype html><html><head>

标签的分类

单标签

<!doctype html>

双标签

<head></head>

标签的关系

包含(嵌套关系、父子关系)

<head>

并列

<head></head><body></body>

sublime快捷键

快捷键作用html:xt + tabhtml4.01模板【新版本可能失效】html + tabhtml5模板tab补全标签ctrl + shift + d快速复制一行ctrl + shift + k快速删除一行ctrl + 鼠标左键单击集体输入ctrl + h查找替换ctrl + f查找ctrl + /注释ctrl + L快速选中当前行ctrl + shift + ↑(↓)代码的快速上移和下移

单标签

<!-- --> 注释标签<br /> 换行标签<hr /> 水平线标签<img src="logo.gif" alt="logo" title="这是淘宝的logo" width="200" height="100" />图片标签

双标签

<p></p> 段落标签<h1></h1> 标题标签 h1 - h6<font></font> 文本标签<strong></strong> 文本加粗标签,有语音加强<b></b> 文本加粗标签<em></em> 文字倾斜,有语音加强<i></i> 文字倾斜<del></del> 删除线,有语音加强<s></s> 删除线<ins></ins> 下划线,有语音加强<u></u> 下划线<a href="http://www.baidu.com" title="百度" target="_blank">百度</a> 超链接

路径

相对路径

同一个目录下直接写文件的名称就可以

文件和图片在下一级目录中,需要文件夹名称 + \ + 文件名称

图片在上一级目录中 ../ + 文件名称

图片在上一级的其它文件夹中 ../ + 文件夹名称 + 文件名称

总结:找到下级目录使用/,找到上一级目录使用../

绝对路径

从盘符中开始的,这种路径不能使用!因为项目最后都要移动,文件的路径都是会变的。如:c:\baidu\logo.jpg

超链接额外知识运用

锚点

1.设置一个锚点 设置一个id

<div id="top"></div>

2.超链接到锚点

<a href="#top"></a>

空连接

<a href="#"></a>

超链接的优化写法 写在head标签中

<base targer="_blank">

让所有的超链接都是从新窗口中打开

特殊标记符

空格&nbsp;<&lt;>&gt;©&copy;

更多信息请查阅

列表

无序列表

<ul type="disc">

类型:disc 默认小黑点 circle 空心小圆点 square 小方块

有序列表

<ol type="A" start="C">

类型:a A 字母顺序 i I罗马顺序 1数字 start 表示开始的位置

自定义列表

<dl>

排行

网站地图

Copyright © 2002-2022 香港德胜云网络 版权所有 | 备案号:蜀ICP备2023007363号-5

声明: 本站内容全部来自互联网,非盈利性网站仅供学习交流