HTML基础|青训营
HTML
常用标签
h1-h6:一级-六级标题
p:段落标签
br /:换行(单标签)
strong或b:加粗
em或i:倾斜
del或s:删除线
ins或u:下划线
div:一个盒子占一行
span:一行多个 img:图像(单标签,src指定路径,alt指定图像不能显示时的文本,title指定鼠标移动到图片上的提示文本,width/height指定宽高,border指定边框粗细) a:超链接(href指定跳转目标,target指定目标窗口弹出方式【默认为-self,-blank为在新窗口打开】)
链接可以跳转到内部链接(即另一个html文件的页面)和外部链接,空链接用#,如果是.exe或zip文件会直接下载,标签内可以嵌套其他元素
锚点链接:快速定位,将href指定为# 想跳转的元素的id
常用特殊字符
 :空格
<>:小于\大于
表格标签
table:表格
tr:行
thead:表格头部部分
tbody:表格主体部分
td:普通单元格
th:表头单元格
列表标签
ul:无序列表,内部只能有li标签
ol:有序列表,内部只能有li标签
dl:自定义列表,内部只能有dt和dd标签
表单标签
form:表单域,将范围内的表单元素信息提交给服务器,action指定url地址,method指定提交方式,name指定表单域名称
input:输入,收集用户信息(单标签)
type可以指定输入框类型
label:为input元素定义标注,点击label对应的文本时光标定位到绑定的元素
select:下拉表单
textarea:文本域,用于多行文本输入
HTML5新增标签
header-->头部标签
nav-->导航标签
article-->内容标签
section-->定义文档某个区域
aside-->侧边栏标签
footer-->尾部标签
audio-->音频标签
语法:
<audio src="https://juejin.cn/post/文件地址" controls="controls"></audio>
input标签的新增类型
search--搜索框
email--限制输入必须为Email类型
url--限制输入必须为url类型
date--限制输入必须为日期类型
time--限制输入必须为时间类型
month--限制输入必须为月类型
week--限制输入必须为周类型
number--限制输入必须为数字类型
tel--限制输入必须为手机号码类型
color--生成一个颜色选择表单
综合案例
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgijfek
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13