目录

  • 一、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. Window Server 2008 R2 安装 Share Point 2013
  2. 分析Booking的150种机器学习模型,我总结了六条成功经验
  3. 苹果要为app store速度奇慢付出代价
  4. Html 内联元素、外联元素 和 可变元素
  5. nginx学习七 高级数据结构之动态数组ngx_array_t
  6. 一个sql题目, 统计每年每月的信息
  7. Codeforces Round #408 (Div. 2)
  8. location 拦截所有_让它帮你干掉所有流氓软件,还你一个清静系统
  9. 华为A1路由器虚拟服务器,华为a1路由器怎么设置 华为路由器a1怎么安装视频-192路由网...
  10. mysql不能做端点测试吗_端点测试的分步介绍
  11. 互动留言赠书:《Oracle高性能系统实战大全》
  12. 响应式Web设计的9项基本原则
  13. oracle下载安装教程
  14. matlab中英文文献,matlab外文文献
  15. 阿里云服务器怎么正确使用OSS内网地址?
  16. English语法_分词用法-作名词
  17. matlab lstm工具箱,深度学习工具箱使用笔记---lstm网络(1)
  18. 微软云服务Azure所有产品简介
  19. 德州大学奥斯汀分校计算机专业排名,德州大学奥斯汀分校专业排名一览及最强专业推荐(USNEWS美国大学排名)...
  20. 如何可以快速创作思维导图?好用的mac思维导图软件推荐

热门文章

  1. 2022-2028全球与中国临床试验离岸外包服务市场现状及未来发展趋势
  2. 华为交换机查看每个网口带宽使用率_监控系统中带宽常见概念辨析
  3. Pandas快速入门之第三节使用pandas去重、合并、已经统计出现次数
  4. 国内AI绘画软件“数画”的相机溯源码功能太强大,彻底消灭盗图
  5. 37-基于单片机智能楼宇消防监控系统设计(原理图工程+仿真工程+源代码+说明书+PPT)
  6. Numba.jit警告:由于非精确类型pyobject而导致类型推断失败
  7. 前端的存储技术cookie、sessionStorage、localStorage
  8. 爬坑 Android Studio 利用Android WIFI ADB 插件实现真机无线调试
  9. 哈哈,windows也信奉“上帝”
  10. 公司内部Wiki,你建立了么?