HTML常用标签及软件(后端开发必备)
目录
- 一、HTML及常用软件(VSCode)
- (一)汉化VSCode
- (二)安装运行必备插件"open in brower"
- (三)生成HTML文件
- 二、HTML中常用标签
- 三、HTML5新特性
一、HTML及常用软件(VSCode)
HTML指的是超文本标签语言
(一)汉化VSCode
(二)安装运行必备插件"open in brower"
(三)生成HTML文件
输入 “!回车” 即可生成下列内容
head里面title处写的时是网页标题body处是网页相关内容在此处进行编辑即可body三个属性: text用于设置文字颜色 color页面背景色 background页面背景图片
二、HTML中常用标签
(1) 注释标签 <!------注释不会显示在页面上----->
(2) 段落标签 <p>内容,有自动换行效果</p> align 对齐方式属性,可设置值为center,left,right<p align="center">段落对齐方式中间</p>
(3) 换行标签 <br/>
(4) 分区标签 <div>和<span>div(块标签)会自动换行,span(行内标签)不会自动换行;div整体划分区块,span局部划分区块一般与CSS联合使用显示效果
(5) 标题标签 <h1>标题等级只可设置1-6</h1> 标题与标题之间产生一定的距离(后期CSS可以调举例)
(6) 格式化标签 <b>字体加粗</b><i>字体倾斜</i><del>删除线</del><u>下划线</u>
(7) 水平线标签 <hr align="center" size="1" width="200" color="red">align 对齐方式,可设为left,center,rightsize 水平线厚度(5时默认的单位,代表像素px,px是构成图片的最小单位)width 水平线宽度
(8) 字体标签 <font face="宋体" size="7" color="red" >字体设置</font>face 设置字体 size设置字体大小(1-7)
(9) 图像标签<img>src 图片的路径width 图片的宽度heigh 图片的高度border 设置图片的边框title 鼠标悬停在图片上时显示图片的基本信息align 对齐方式, left,right,middle,top,bottom
(10) 超链接标签<a href="" target="">href跳转网页地址,target可设为o _blank(在新窗口打开页面)或O _self(在本窗口打开页面)</a>发送邮件: <a href="mailto:邮件地址">发送邮件</a>打开qq聊天窗口: <a href="tencent://message/?uin=qq号&Mrnu=yes"><img src="http://wpa.qq.com/pa?p=1:615050000:11">></a>
(11) 列表标签有序列表:<ol>里面<li> 默认123 type="A" 则ABC排序 type="I" 则 IⅡⅢ排序
(12) 表格标签 <table> </table>border 边框width 宽度heigh 高度cellspacing 单元格间距,通常设置为0代表表格<tr>d单元格中的行<td>表单中的数据单元格</td></tr> //<td>在<tr>里面,一次设置一行的单元格colspan 列的合并,后面等于几表示该单元格合并了几列rowspan 行的合并,后面等于几表示该单元格合并了几行
(13) 表单标签 <form action="" method="">action表单提交目的地,method表单提交方式</form>method: get或post get:明文提交,只能传输文字不能传送图片post: 密文提交,能传送图片也能传送文字<input>元素中的type属性text:普通的文本输入框placeholder:提示文本maxlength:最多能输入的字符数量password:密码输入框checkbox:多选框 (checked:被选中)radio:单选按钮reset:重置按钮submit:提交按钮button:普通按钮<select>:下拉框<option>列表中的项</option>selected:被选中、注意:所有表单中的元素都要有名称,肉则提交到服务器之后无法识别。复选框内每个都应该有相同的name值单选框要想一次可以选择且只能选择一个,要有相同的那么值
(14) 框架标签<frameset> <frame></frame></frameset>
三、HTML5新特性
(一)HTML5与HTML4区别大小写不敏感引号可省略省略了结尾标签(二)媒体标签<video>src:资源位置loop:循环播放autoplay:自动播放
HTML常用标签及软件(后端开发必备)相关推荐
- Linux 常用Shell脚本,后端开发必备
Linux 常用Shell脚本,后端开发必备 文章目录 Linux 常用Shell脚本,后端开发必备 1 用户猜数字 2 查看有多少远程的 IP 在连接本机 3 helloworld 4 打印 tom ...
- Java后端开发必备软件下载地址汇总
Java后端开发必备软件下载地址汇总 文章目录 Java后端开发必备软件下载地址汇总 先记录,用到再加,持续更新,欢迎补充. 华为云 jdk8 OpenJdk小版本 IDEA各版本 Tomcat各版本 ...
- php去除img,PHP如何去除IMG标签?_后端开发
go语言中一些字符串操作介绍_后端开发 Go语言中字符串的字节使用UTF-8编码表示Unicode文本,因此Go语言字符串是变宽字符序列,本文就来为大家介绍一些go语言中字符串的操作. PHP如何去除 ...
- 得数据者得天下!作为后端开发必备技能之一的MySQL,这份十多年经验总结的应用实战与性能调优我想你肯定是需要的!
MySQL对于很多Linux从业者而言,是一个非常棘手的问题,多数情况都是因为对数据库出现问题的情况和处理思路不清晰.在进行MySQL的优化之前必须要了解的就是MySQL的查询过程,很多的查询优化工作 ...
- 加密php代码一担粮,分享8个PHP开发常用代码片段_后端开发
php字符串转时间戳_后端开发 在php中可以使用"strtotime()"函数将字符串转为时间戳,该函数用于把字符串转换为时间戳,其语法是"strtotime(time ...
- 后端开发必备——Nginx篇
概要 防盗链 根据文件类型设置过期时间 静态资源访问 日志配置 日志字段说明 access_log 访问日志 error_log 日志 日志切割 反向代理 禁止指定user_agent nginx访问 ...
- JAVA后端开发必备软件(仅供参考)
更新一些个人JAVA开发日常会用到的一些工具,只是为了自己可能会换电脑,或者为新手做一些推荐,日后可能会更新相应软件的安装指南,以及一些安装包资源 idea或者eclipse等编程工具 Visio画流 ...
- MAC机后端开发必备
开篇: 相信很多日常使用 MAC 进行软件开发的同学会有一种感受,在换 MAC 机的时候,拿到的都是一些裸系统,有一些常用必备的软件需要重新来安装一遍.我也遇到几次这样的问题,发现每次配置开发环境时都 ...
- 数据库:后端开发必备的 MySQL日志文件知识点
前言 日志文件记录了影响MySQL数据库的各种类型活动,MySQL数据库中常见的日志文件有错误日志,二进制日志,慢查询日志和查询日志. 下面分别对他们进行介绍. 错误日志 错误日志文件对MySQL的启 ...
最新文章
- 输出四位完全平方数_LeetCode 题解 | 279. 完全平方数
- Python打包工具Pyintealler打包py文件为windows exe文件过程及踩坑记录+实战例子
- 基于php的地铁查询系统,HTML5 Canvas实现交互式地铁线路图
- synchronized原理_Java并发编程—synchronized保证线程安全的原理分析
- 华为捐赠欧拉 共建数字基础设施开源操作系统
- 一次新生代民工工友切磋经历
- silverlight中datagrid数据到处excel
- java开发工程师简历模板
- java lockmodetype_java – 如何使用Spring Data JPA查找实体时如何启用LockModeType.PESSIMISTIC_WRITE?...
- 嵌入式系统课堂总结1
- 巴别鸟10个使用小技巧,提高你的工作效率
- 学籍信息管理系统-------具体设计
- 直播的用户体验体系与质量监控方案
- ChatGPT 如何获取API Key
- 微信公众号-授权登录
- mysql 1265错误_Mysql出现ERROR 1265: Data truncated for
- 学习通、优课联盟不让粘贴?那就让计算机帮你手打!
- SQLServer 表分区 根据时间自动扩展分区
- linux解压z格式文件夹,使用7zip解决解压zip格式文件名乱码, 最简单的解决解压z...
- MLAPP翻译---第二章