首页 > 其他分享 >Html基本使用

Html基本使用

时间:2022-12-14 14:37:50浏览次数:72  
标签:基本 老师 王老师 Html 2018 使用 京东 讲师 div

HTML:超文本标记语言 定义页面结构
CSS:层叠样式表 页面显示的样式 BootStrap
JS: JavaScript 界面交互(动态交互) JQuery Ajax Json
LayUI、EasyUI
Vue、React、Angular

基本标签介绍:

<body> <!-- 标题headline --> <h1>一级标题</h1> <h2>二级标题</h2> <h3 id="h3">三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> <!-- p=paragraph 段落--> <p>王老师是Java讲师,朱老师是Java讲师,高老师是Java讲师</p> <p>鞠老师是H5讲师,李老师是H5讲师</p> <!--img 图片 alt:替代文字,图片没有加载出来显示的文字 width:宽 height:高 --> <img src="../images/bd_logo11.png" alt="加载失败"></img> <img src="../images/bd_logo1.png"/> <img src="../images/bd_logo1.png"/> <img src="../images/bd_logo1.png" width="100px" height="100px"/>

超链接文字

跳转到h3标题
跳转到网页的开始


  1. 北京
  2. 上海
  3. 深圳
  4. 广州
  • 北京
  • 上海
  • 深圳
  • 广州
  • 北京
  • 上海
  • 深圳
  • 广州
  • 山东
    1. 青岛
    2. 济南
    3. 烟台
</body>

br: (line) break
hr: horizontal rule
列表:
li=list item
1、有序列表
ol=ordered list
2、无序列表
ul=unordered list

  1. 北京
  2. 上海
  3. 深圳
  4. 广州
  • 北京
  • 上海
  • 深圳
  • 广州
  • 北京
  • 上海
  • 深圳
  • 广州
  • 山东
    1. 青岛
    2. 济南
    3. 烟台

ul:无序列表,用来表示一个列表语义,每个li之间是不分先后。

ul的作用并不是为了给文字增加小圆点,而是要表达“无序列表”的语义。

div division div里面所有的元素在div这个区域里面。
就是编程里面封装的思想。

京东(股票代码:JD),中国自营式电商企业,创始人刘强东担任京东集团董事局主席兼首席执行官 [1] 。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。2013年正式获得虚拟运营商牌照。 2014年5月在美国纳斯达克证券交易所正式挂牌上市。 2016年6月与沃尔玛达成深度战略合作,1号店并入京东。 2014年5月,京东集团在美国纳斯达克证券交易所正式挂牌上市 [2] 。2015年7月,京东凭借高成长性入选纳斯达克100指数 [3] 和纳斯达克100平均加权指数 [4] 。 2017年1月4日,中国银联宣布京东金融旗下支付公司正式成为银联收单成员机构。2017年4月25日,京东集团宣布正式组建京东物流子集团。2017年8月3日,2017年“中国互联网企业100强”榜单发布,京东排名第四位。 [5] 2018年3月15日,京东内部公告成立了“客户卓越体验部”,该部门将整体负责京东集团层面客户体验项目的推进。京东集团副总裁余睿出任该部门负责人。 [6] 2018年《财富》世界500强排行榜第181名。2018年7月24日,京东增资安联财险中国的方案获得了银保监会的批准。 [7-8]
Copyright © 2004 - 2018 京东JD.com 版权所有|消费者维权热线:4006067733经营证照|(京)网械平台备字(2018)第00003号 span: 功能类似于div,但是不能独占一行。

块级元素:单独成为一行。h、ul、ol、div
行内元素:不能独占一行。img、a、span、input

u(underline):下划线
i( italic) : 斜体
b (bold) : 粗体

山东省青岛市城阳区春阳路大润发 锄禾日当     午
汗滴禾下     土
谁知盘中     餐
粒粒皆辛     苦

table:

tr = table row
td = table data 单元格
th = table head

讲师名称 所教班级
王老师 Java180701
朱老师 Java180702
高老师 Java180703
讲师名称 所教班级
王老师 Java180701
朱老师 Java180702
高老师 Java180703

行跨越:

讲师名称 所教班级
王老师 Java180701
Java180702
高老师 Java180703

列跨越:

讲师名称 所教班级
王老师
朱老师 Java180702
高老师 Java180703
form表单相关标签: <body> <div align="center"> <b>欢迎注册!</b> <form action="http://www.baidu.com"> <table border="1" cellspacing="0"> <tr> <td>账号:</td> <!-- type="text"文本框 value:设置默认值 maxlength:设置最大长度 readonly="true" --> <td><input type="text" value="zhangsan" maxlength="10"/></td> </tr> <tr> <td>密码:</td> <td><input type="password"/></td> </tr> <tr> <td>性别:</td> <td> <!-- 单选按钮 name:组名,同一组的radio互相排斥 checked:设置默认选中 --> <input type="radio" name="gender" />男 <input type="radio" name="gender" checked="true"/>女 </td> </tr> <tr> <td>性却:</td> <td> <input type="checkbox" name="likes"/>音乐<br/> <input type="checkbox" name="likes"/>看书<br/> <input type="checkbox" name="likes"/>爬山<br/> </td> </tr> <tr> <td>城市:</td> <td> <!-- selected:设置默认选中 --> <select> <option>青岛</option> <option>济南</option> <option selected="true">烟台</option> <option>潍坊</option> </select> </td> </tr> <tr> <td>自我介绍</td> <td> <!-- textarea
              -->
              <textarea rows="5" cols="20">京东(股票代码:JD),中国自营式电商企业,创始人刘强东担任京东集团董事局主席兼首席执行官 [1]  。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。2013年正式获得虚拟运营商牌照。
     2014年5月在美国纳斯达克证券交易所正式挂牌上市。 2016年6月与沃尔玛达成深度战略合作,1号店并入京东。
              </textarea>
           </td>
        </tr>
        <tr>
           <td colspan="2">
              <input type="checkbox" id="cb"/> <label for="cb">同意该协议</label>
           </td>
           <td></td>
        </tr>
        <tr>
           <td colspan="2">
              <!--
                 submit:提交表单数据到服务器
                 reset:将表单数据重置为初始值
                 button:没有任何功能,需要后面通过jd定义功能
              -->
              <input type="submit" value="注册"/>  
              <input type="reset" value="重置"/>
              <!--<input type="button" value="Input 按钮"/>-->
              <button>按钮</button>
           </td>
           <td></td>
        </tr>
     </table>
  </form>
</body>

作业:
1、完成如下效果

2、完成如下效果

标签:基本,老师,王老师,Html,2018,使用,京东,讲师,div
From: https://www.cnblogs.com/kingwz/p/16982004.html

相关文章

  • Ribbon介绍和使用
    Ribbon是Netflix公司提供的一个在SpringCloud中免费使用的客户端负载均衡器组件。它在集群中为各个客户端之间的通信提供支持,可以控制、管理HTTP和TCP客户端的负载均衡。......
  • k8s--service 之 HeadLiness、NodePort 使用
    前戏环境还是使用我们上节的环境HeadLiness在某些场景中,开发人员可能不想使用Service提供的负载均衡功能,而希望自己来控制负载均衡策略,针对这种情况,kubernetes 提供了H......
  • HTML Agility Pack 搭配 ScrapySharp,彻底解除Html解析的痛苦
    自从Web应用程序自1993年W3C设立以来就开始发展,而且HTML也历经了数个版本的演化(1.0–2.0–3.0–3.2–4.0–4.01),现在也已经成为Web网页或应用程序的最基础......
  • Jmeter小白使用攻略
    《Jmeter小白使用攻略》 一、主界面 二、如何测试一个接口              ......
  • vue-cli 和 vite 全局变量定义和使用
    vue-clivue.config.js//第一步,在vue.config.js中定义//注意:定义的变量必须是APP_开头。这是vue-cli的硬性规范。process.env.APP_VERSION=require('./pack......
  • [WPF] 使用 MVVM Toolkit 构建 MVVM 程序
    1.什么是MVVMToolkit模型-视图-视图模型(MVVM)是用于解耦UI代码和非UI代码的UI体系结构设计模式。借助MVVM,可以在XAML中以声明方式定义UI,并使用数据绑......
  • 使用MATLAB的Simulink进行梯形速度曲线规划算法仿真
    simulink简介Simulink是美国Mathworks公司推出的MATLAB中的一种可视化仿真工具,用于多域仿真以及基于模型的设计,能够提供图形编辑器、可自定义的模块库以及求解器,能够进行......
  • SPEL注入流程分析及CTF中如何使用
    配置https://github.com/LandGrey/SpringBootVulExploit/tree/master/repository/springboot-spel-rce,导入maven依赖为了后期debug调试简便些,可以修改一下控制器修改后运......
  • 使用pelican+git+码云pages建立静态markdown博客全过程
    ​​软件需求目录​​​​使用工具​​​​命令​​​​静态目录​​​​写博文​​​​发布博客​​​​博客功能拓展​​​​尾声​​软件需求目录pelicanpython-markdo......
  • Matlab遗传算法工具箱的使用及实例(非线性规划)
    ✅作者简介:热爱科研的算法开发者,Python、Matlab项目可交流、沟通、学习。......