注释标签:<!-- -->
标题标签:(作用范围依次递减)
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
段落标签:<p></p>
换行标签:<br>
水平线标签:<hr>
加粗标签:<strong></strong> <b></b>下划标签:<ins></ins> <u></u>
倾斜标签:<em></em> <i></i>
画横线标签:<del></del> <s></s>
图片标签:<img src="文件路径" alt="替换文本" title="图片标题" width="数字" height="数字">
(当图片加载失败时,所展示的提示信息即为替换文本)
(title属性的内容只在鼠标悬停在图片面上时,才予展示)
(width与height属性只设定其一时,另一属性按等比例缩放)
音频标签:<audio src="" controls loop autoplay> </audio>
control:控件 loop:循环 autoplay:自动
视频标签:<video></video>
列表标签:无序列表:<ul></ul>
有序列表:<ol></ol>
列表内容:<li></li>
自定义列表:
列表整体:<dl></dl>
内容主题:<dt></dt>
内容:<dd></dd>
超链接:<a href=网址 target= >文本信息</a>target属性:
"_self"为默认取值,代表在原窗口开启连接网页
"_blank"表示在新窗口中进行跳转
表格标签:表格整体:<table border="1" width= heigth=>(border是边框属性)
表的一行:<tr></tr>
表的内容:<td></td>
表格标题:
caption:table标签属性,为表格名称
<th>:表头单元格,用以标明表格标题
表格结构标签:(可省略,作用范围介于table与tr之间)
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
合并单元格:
rowspan:跨行合并单元格
colspan:跨列合并单元格
使用:<td colspan="2">文本内容</td>
输入标签:应用:<input type="text" placeholder="请输入账号">,其中placeholder中为占位提示信息
文件选择器:<input type="file" multiple>,multiple表示可以多选
按钮:一:<input type="submit"/"reset"/"button" value="...">,value中为按钮上的信息
二:<button type="submit"/"reset"/"button">文本信息</button>,其中type信息可以省略
注*想要按钮产生相应动作,必须放置在<form action="">中
多选框:
<select>
<option>北京</option>
<option selected>上海</option>,selected为设置默认值,未设定默认值时,默认值为第一个元素
文本域:I'd more like to it as "WordsPile"
<textarea cols= rows=></textarea>
单选框:
1.<input type="radio" name="gender" id="man"><lable for="man">男</lable>
2.<lable><input type="radio" name="gender" checked>女</lable>
lable表签的使用有1、2两种;
id的作用是为了与lable标签标齐
input标签中的name是分组:同一分组中,只能选择其中一个元素
语义化布局标签:网页特殊字符:
HTML笔记
划水哥~2023-10-14 10:47
相关推荐
海的诗篇_1 小时前
前端开发面试题总结-vue2框架篇(三)Study_Live_Sun3 小时前
vue3中,markdown转html,再导出成为word文件_一两风5 小时前
一篇文章告诉你页面是如何显示的DARLING Zero two♡5 小时前
【前端基础】摩天之建的艺术:html(下)然我6 小时前
前端存储与样式进阶:localStorage 与 Stylus 入门指南DARLING Zero two♡6 小时前
【前端基础】摩天之建的艺术:html(上)Dream耀6 小时前
Stylus CSS预处理器:提升开发效率的终极指南与移动端适配技巧markyankee10121 小时前
HTML全面系统学习指南:前端开发者的核心知识点巩固openinstall1 天前
A/B测试如何借力openinstall实现用户价值深挖?睡不着先生1 天前
CSS Anchor Positioning:重新定义「锚定定位」的时代来了!