『HTMl5』学习日志

w3g提供在线校验页面：http://validator.w3.org/

1.文本框获取焦点

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE html">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>HTML5</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  </head>

  <body>

  <!-- 标签mark用于强调被标记的文本 -->

  <mark>当前时间：</mark>

  <!-- 标签time只是增强语义，跟直接用div一样的效果 -->

  <time><b>2014-03-15<b/></time> 

  <br/><br/>

  <!-- 文本框获取输入焦点 -->

  图书：<input type="text" name="book" id="book" autofocus/><br/><br/>

  价格：<input type="text" name="price" id="price" value="30.82"/><br/><br/>

  <!-- img,input,br,hr都是空元素，不需要结束标签 ,其中request.getContextPath()是获取webroot路径-->

  封面：<img src="<%=request.getContextPath()%>/image/book.jpg"/><br/><br/>

  简介：<area id="content" value="这本书不错"/>

  </body>

</html>

2.文本格式化标签

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <%

 String path = request.getContextPath();

 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE html">

 <html>

   <head>

     <base href="<%=basePath%>">

     <title>文本格式化标签</title>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

   </head>

   <body>

   <span><b>加粗字体</b></span><br/>

   <span><i>斜体字体</i></span><br/>

   <span><em>强调字体</em></span><br/>

   <span><big>大字号字体</big></span><br/>

   <span><small>小字号字体</small></span><br/>

   <!-- sup：上标字体 -->

   <span>2<sup>3</sup>=8</span><br/>

   <!-- sub：下标字体 -->

   <span>2<sub>3</sub></span><br/>

   <div><bdo dir="ltr">从左往右</bdo></div>

   <div><bdo dir="rtl">左往右从</bdo></div>

   </body>

 </html>

『HTMl5』学习日志的更多相关文章

关于『HTML5』第一弹
关于『HTML5』:第一弹建议缩放90%食用祝各位国庆节快乐!!1 经过了「过时的 HTML」.「正当时的 Markdown」的双重洗礼后,我下定决心,好好学习HTML5 这回不过时了吧(其实和 ...
关于『HTML5』:第二弹
关于『HTML5』:第二弹建议缩放90%食用咕咕咕咕咕咕咕!!1 (蒟蒻大鸽子终于更新啦) 自开学以来,经过了「一脸蒙圈的半期考试」.「二脸蒙圈的体测」的双重洗礼,我终于有空肝 HTML5 辣 ...
关于『HTML』:第一弹
关于『HTML』:第一弹建议缩放90%食用根据C2024XSC212童鞋的提问, 我准备写一稿关于『HTML』基础的帖 But! 当我看到了C2024XSC130的 "关于『HTML5』 ...
『HTML5挑战经典』是英雄就下100层-开源讲座(二)危险！英雄
本篇为<『HTML5挑战经典』是英雄就下100层-开源讲座>第二篇,需要用到开源引擎lufylegend,可以到这里下载: 下载地址:http://lufylegend.googlecod ...
『HTML5梦幻之旅』-缤纷多姿的烟花效果
天花无数月中开,五采祥云绕绛台.堕地忽惊星彩散,飞空旋作雨声来.怒撞玉斗翻晴雪,勇踏金轮起疾雷.更漏已深人渐散,闹竿挑得彩灯回. ——明·瞿佑·<烟火戏> 记得每年过春节的那段时间,除了欣 ...
『计算机视觉』mini深度学习框架实现
一.项目简介手动实现mini深度学习框架,主要精力不放在运算优化上,仅体会原理. 地址见:miniDeepFrame 相关博客『TensorFlow』卷积层.池化层详解『科学计算』全连接层.均方 ...
『TensorFlow』SSD源码学习_其一：论文及开源项目文档介绍
一.论文介绍读论文系列:Object Detection ECCV2016 SSD 一句话概括:SSD就是关于类别的多尺度RPN网络基本思路: 基础网络后接多层feature map 多层feat ...
『TensorFlow』SSD源码学习_其五：TFR数据读取&数据预处理
Fork版本项目地址:SSD 一.TFR数据读取创建slim.dataset.Dataset对象在train_ssd_network.py获取数据操作如下,首先需要slim.dataset.Dat ...
关于『HTML』:第二弹
关于『HTML』:第二弹建议缩放90%食用第二弹! 它来了! 它来了! 我竟然没有拖更,对了,你们昨天用草稿纸了么开始正文之前提一个问题:大家知道"%%%"是什么意思吗?就这 ...

随机推荐

C++学习（八）入门篇——复合类型
数组(需要声明以下三点): (1)存储在每个元素中值的类型 (2)数组名 (3)数组中的元素数声明数组的通用格式如下: typeName arrayName[arraySize];arraySize ...
ibatis 参数和结果的映射处理
SqlMapClient对象这个对象是iBatis操作数据库的接口(执行CRUD等操作),它也可以执行事务管理等操作.这个类是我们使用iBATIS的最主要的类.它是线程安全的.通常,将它定义为单例. ...
MQ通道搭建以及连通性检查
场景:项目开发中使用的mq中间件一直不太熟悉,遇到问题就需要问人,公司的同事也不怎么爱搭理,弄的好受伤!不熟悉的时候只是感觉好难,逼的没办法,好好研究下,发现里面的过程也没想象中的难, 经过一番研究, ...
[js] post 方式打开新窗口
一.前因一般我们是用 window.open(url,name,params); 打开新窗口, url 会携带一些参数, 但存在参数过多,引发url 过长截断,无法打开正确窗口, 所以我们需要使用 ...
【EntityFramework 6.1.3】个人理解与问题记录
前言又是一个炎热夏日的晚上,开着空调听着音乐又开始了我们今天的博文.此文并不是ROM工具哪家强之类的引战贴,只是本文自己的一点看法和见解,望前辈看官有望斧正声明本文欢迎转载,原文地址:http: ...
ubuntu的/etc/modules内核模块文件
/etc/modules: 内核模块文件,里面列出的模块会在系统启动时自动加载. /etc/modprobe.d: 存放禁止加载或者加载内核模块脚本的目录. 以下是我增加netfilter模块是的流程 ...
vscode--搭建自动编译sass环境
一,安装插件及使用步骤 1.vscode安装Live Sass Compiler,由于该插件依赖Live Server ,所以会自动安装Live Server 2.点击vscode底部的Watch m ...
poj-2287---Tian Ji -- The Horse Racing
#include<iostream> #include<algorithm> using namespace std; bool cmp(const int,const int ...
NYOJ 71 独木舟上的旅行（贪心）
独木舟上的旅行时间限制:3000 ms | 内存限制:65535 KB 难度:2 描述进行一次独木舟的旅行活动,独木舟可以在港口租到,并且之间没有区别.一条独木舟最多只能乘坐两个人,且乘客 ...
python学习===判断两个日期的间距天数
import datetime d1 = datetime.date(2015,10,7) d2 = datetime.date(2015,8,15) print((d1-d2).days)

『HTMl5』学习日志

『HTMl5』学习日志的更多相关文章

随机推荐

热门专题