HTML
2019-08-14 09:56:48来源:博客园 阅读 ()
标签的分类
1. 双标签
<标签名> 内容 </标签名>
2. 单标签
<br />
标签的关系
1. 嵌套关系
<head> <title> </title> </head>
2. 并列关系
<head></head> <body></body>
HTML常用标签
1. 标题标签
head 头部. 标题 title 文档标题
6个等级标签 H1~H6
<hn> 标题文本 </hn>
2. 段落标签
<p> 文本内容 </p>
3. 水平标签
<hr />是单标签
4. 换行标签
<br />
5. div span 标签
div span 是没有语义的
<div> 这是头部 </div> <span>今日价格</span>
6. 文本格式标签
标签 |
显示效果 |
<b><b/> 和 <strong><strong/> | 文本粗体显示, 推荐使用strong |
<i><i/>和<em><em/> | 文本斜体显示,推荐em |
<s><s/>和<del><del> | 文本加删除线,推荐del |
<u><u/>和<ins><ins/> | 文本加下划线, 推荐ins |
标签的属性
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
1. 图像标签 img
<img src="图像URL" />
2. 链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
3. 锚点标签
1.使用“a href=”#id名>“链接文本"</a>创建链接文本(被点击的) <a href="#two"> 2.使用相应的id名标注跳转目标的位置。 <h3 id="two">第2集</h3>
4. base标签 打开一个新窗口
base 写到 <head> </head> 之间
把所有的连接 都默认添加 target="_blank"
<head> <base target="_blank"> </head>
5. 特殊字符标签
6. 注释标签
<!-- 注释语句 --> ctrl + / 或者 ctrl +shift + /
列表标签
1. 无序列表ul
各个列表项之间没有顺序级别之分,是并列的
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul>
2. 有序列表ol
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ol>
3. 自定义列表
定义列表的列表项前没有任何项目符号
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>
原文链接:https://www.cnblogs.com/py-web/p/11274651.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash