HTML笔记

注释标签:<!-- -->

标题标签:(作用范围依次递减)

<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是分组:同一分组中,只能选择其中一个元素
语义化布局标签:

网页特殊字符:

相关推荐
Never_Satisfied4 分钟前
在JavaScript / HTML / Node.js中,post方式的Content-Type属性的text的三种编码
javascript·node.js·html
Never_Satisfied26 分钟前
在JavaScript / HTML中,Chrome报错Refused to execute inline script
javascript·chrome·html
杨超越luckly29 分钟前
HTML应用指南:利用GET请求获取全国中国建设银行网点位置信息
前端·arcgis·html·数据可视化·门店数据
王翼鹏31 分钟前
html 全角空格和半角空格
前端·html
CsharpDev-奶豆哥35 分钟前
jq获取html字符串中的图片逐个修改并覆盖原html的解决方案
前端·html
骷髅头的寂寞35 分钟前
Spring Boot 整合 Thymeleaf 生成 HTML 页面教学
spring boot·html·intellij-idea
诗句藏于尽头4 小时前
音乐播放器-单html文件
前端·html
Never_Satisfied5 小时前
在JavaScript / HTML中,Chrome报错此服务器无法证实它就是xxxxx - 它的安全证书没有指定主题备用名称
javascript·chrome·html
树叶会结冰19 小时前
HTML语义化:当网页会说话
前端·html
Metaphor6921 天前
Java 将 HTML 转换为 Word:告别手动复制粘贴
java·经验分享·html·word