目录

  • 一、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常用标签及软件(后端开发必备)相关推荐

  1. Linux 常用Shell脚本,后端开发必备

    Linux 常用Shell脚本,后端开发必备 文章目录 Linux 常用Shell脚本,后端开发必备 1 用户猜数字 2 查看有多少远程的 IP 在连接本机 3 helloworld 4 打印 tom ...

  2. Java后端开发必备软件下载地址汇总

    Java后端开发必备软件下载地址汇总 文章目录 Java后端开发必备软件下载地址汇总 先记录,用到再加,持续更新,欢迎补充. 华为云 jdk8 OpenJdk小版本 IDEA各版本 Tomcat各版本 ...

  3. php去除img,PHP如何去除IMG标签?_后端开发

    go语言中一些字符串操作介绍_后端开发 Go语言中字符串的字节使用UTF-8编码表示Unicode文本,因此Go语言字符串是变宽字符序列,本文就来为大家介绍一些go语言中字符串的操作. PHP如何去除 ...

  4. 得数据者得天下!作为后端开发必备技能之一的MySQL,这份十多年经验总结的应用实战与性能调优我想你肯定是需要的!

    MySQL对于很多Linux从业者而言,是一个非常棘手的问题,多数情况都是因为对数据库出现问题的情况和处理思路不清晰.在进行MySQL的优化之前必须要了解的就是MySQL的查询过程,很多的查询优化工作 ...

  5. 加密php代码一担粮,分享8个PHP开发常用代码片段_后端开发

    php字符串转时间戳_后端开发 在php中可以使用"strtotime()"函数将字符串转为时间戳,该函数用于把字符串转换为时间戳,其语法是"strtotime(time ...

  6. 后端开发必备——Nginx篇

    概要 防盗链 根据文件类型设置过期时间 静态资源访问 日志配置 日志字段说明 access_log 访问日志 error_log 日志 日志切割 反向代理 禁止指定user_agent nginx访问 ...

  7. JAVA后端开发必备软件(仅供参考)

    更新一些个人JAVA开发日常会用到的一些工具,只是为了自己可能会换电脑,或者为新手做一些推荐,日后可能会更新相应软件的安装指南,以及一些安装包资源 idea或者eclipse等编程工具 Visio画流 ...

  8. MAC机后端开发必备

    开篇: 相信很多日常使用 MAC 进行软件开发的同学会有一种感受,在换 MAC 机的时候,拿到的都是一些裸系统,有一些常用必备的软件需要重新来安装一遍.我也遇到几次这样的问题,发现每次配置开发环境时都 ...

  9. 数据库:后端开发必备的 MySQL日志文件知识点

    前言 日志文件记录了影响MySQL数据库的各种类型活动,MySQL数据库中常见的日志文件有错误日志,二进制日志,慢查询日志和查询日志. 下面分别对他们进行介绍. 错误日志 错误日志文件对MySQL的启 ...

最新文章

  1. 输出四位完全平方数_LeetCode 题解 | 279. 完全平方数
  2. Python打包工具Pyintealler打包py文件为windows exe文件过程及踩坑记录+实战例子
  3. 基于php的地铁查询系统,HTML5 Canvas实现交互式地铁线路图
  4. synchronized原理_Java并发编程—synchronized保证线程安全的原理分析
  5. 华为捐赠欧拉 共建数字基础设施开源操作系统
  6. 一次新生代民工工友切磋经历
  7. silverlight中datagrid数据到处excel
  8. java开发工程师简历模板
  9. java lockmodetype_java – 如何使用Spring Data JPA查找实体时如何启用LockModeType.PESSIMISTIC_WRITE?...
  10. 嵌入式系统课堂总结1
  11. 巴别鸟10个使用小技巧,提高你的工作效率
  12. 学籍信息管理系统-------具体设计
  13. 直播的用户体验体系与质量监控方案
  14. ChatGPT 如何获取API Key
  15. 微信公众号-授权登录
  16. mysql 1265错误_Mysql出现ERROR 1265: Data truncated for
  17. 学习通、优课联盟不让粘贴?那就让计算机帮你手打!
  18. SQLServer 表分区 根据时间自动扩展分区
  19. linux解压z格式文件夹,使用7zip解决解压zip格式文件名乱码, 最简单的解决解压z...
  20. MLAPP翻译---第二章

热门文章

  1. 教你用C语言实现简单的手机通讯录
  2. web前端行业调研报告_2015 年 JavaScript 开发者调查报告
  3. python编程:从入门到实践_Python编程:从入门到实践
  4. ios测试版软件永久,ios10测试版
  5. 甲骨文超级码科技公司 将全面亮相2022中国国际防伪溯源展
  6. 将html或者div转换为图片
  7. ABB定位器使用中常见问题合集
  8. RocketMQ 控制台This date have't data
  9. Office文档图标变为未知图标,office2106安装完,打开软件是提示错误
  10. 计算机视觉综述-计算机视觉现状及未来趋势