HTML ui ol dl
- <!--
- 超链接target的属性
- _blank 在新窗体中打开被链接文档。
- _self 默认。
- 在同样的框架中打开被链接文档。
- _parent 在父框架集中打开被链接文档。
- _top 在整个窗体中打开被链接文档。
- framename 在指定的框架中打开被链接文档。
- -->
- <!--特殊字符:<小于号,>大于号, 空格。-->
- <!--<br/>代表回车,<hr/>代表水平切割线,<p>代表分段,分段与回车是有差别的,回车就仅仅是两行。两行之间没有空白,分段的话两行之间是有空白的。能够对照语文书里面的两行与两段的差别-->
- <!--<p>与<pre>的差别-->
- <!--
- <p/>一般的格式, 忽略多余的回车换行和Tab、空格
- <pre/> 格式化文本。保留全部空格、回车 和Tab --用的比較少
- -->
- <!--相对于URL"/"表示站点根文件夹,"../"表示父文件夹。"../../"表示父文件夹的父文件夹。"./"或者不写不论什么斜线表示现对于当前路径的文件夹-->
- <!--什么叫跟文件夹:打个例如,假如我在项目解决方式中右键"加入"->"新建项目"->"ASP.NET WEB应用程序"—>默认名称为"WebApplication1"->"确定" 。建好后,WebApplication1就是这个站点的根文件夹。根文件夹用"/"表示-->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head> <!--head里面放的是网页的头部信息,是对页面的描写叙述,不会直接显示在页面中-->
- <title>广东易通</title> <!---设置页面的标题<title>标签仅仅能放置在<head>标签中-->
- <link rel="stylesheet" type="text/css" href="theme.css" />
- </head>
- <body bgcolor="white"> <!---body是页面的主体,大部分显示内容都定义在这里。bgcolor属性能够改动网页的背景颜色,它不是HTML的标准属性-->
- <a href="http://www.hao123.com" target="_blank">好123<font color="red">这是一个红色的字体</font></a>
- <img src="imgs/1.jpg" alt="这是一幅图片" height="50" width="50" /> <!--alt元素:规定图像的替代文本-->
- <!--ul是无序列表。也就是说没有排列限制能够任意加li -->
- <ul>
- <li>能够任意放置</li>
- <li>能够任意放置</li>
- <li>能够任意放置</li>
- </ul>
- <!--
- .能够任意放置
- .能够任意放置
- .能够任意放置
- -->
- <!--ol就序列表,会依照你写的li前后依次排列 -->
- <ol>
- <li>我是第一</li>
- <li>我是第二</li>
- <li>我是第三</li>
- </ol>
- <!--
- 1.我是第一
- 2.我是第二
- 3.我是第三
- -->
- <!--dl是定义列表,会默认前后层级关系 -->
- <dl>
- <dt>中国</dt>
- <dd>湖南</dd>
- <dd>广东</dd>
- <dd>北京</dd>
- <dt>美国</dt>
- <dd>纽约</dd>
- <dd>华盛顿</dd>
- <dd>洛杉矶</dd>
- </dl>
- <!--
- 中国
- 湖南
- 广东
- 北京
- 美国
- 纽约
- 华盛顿
- 洛杉矶
- -->
- <!--<th>是显示粗体--><!--<thead> 标签定义表格的表头-->
- <table border="2">
- <thead><tr><th>姓名</th><th>学号</th><th>专业名</th></tr></thead>
- <tr align="center"><td>tom</td><td>0001</td><td>计算机</td></tr>
- <tr><th colspan="2">小米真的不错</th><th>文学</th></tr>
- <tr><td>tom</td><td>0002</td><td rowspan="2">物理</td></tr>
- <tr ><td>tom</td><td>0003</td></tr>
- </table>
- <img src="http://a.hiphotos.baidu.com/album/pic/item/cefc1e178a82b901296268f1718da9773812ef21.jpg?psign=296268f1718da9773912b31bb051f8198718367adbb4cb19" alt="test"/>
- <!--<from>标签为表单标签。假设要把数据提交到server。则须要将<input>,<textarea>,<select>等表单元素放到form中
- <input>是基本的表单元素,type是<input>元素的可选值 。可选值详细有:submit 提交button,button普通button,checkbox复选框
- file文件选择框,hidden隐藏字段,image图片button,password密码框。radio单选button。 reset重置button text文本框-->
- <form action="Web.Release.config" method="get">
- <label for="name">用户名</label><input name="username" type="text" id="name"/>
- <label for="pas">密码</label><input name="password" type="password" id="pas"/>
- <!--size表示text文本框有多宽。 readonly表示text文本框是仅仅读的。
- maxlength 属性规定输入字段的最大长度,以字符个数计。无论是1个汉字。1个字母,1个数字。都仅仅是1个字符。
- -->
- <label for="test">測试</label><input name="test" type="text" id="test" size="40" value="这个文本框最多仅仅能输入20个字" maxlength="20" readonly="readonly"/>
- <!--checked="checked"表示当前控件(复选框)被选中-->
- <input type="checkbox" name="checkbox" checked="checked" />
- <input type="radio" name="gender"/>男
- <input type="radio" name="gender"/>女
- <input type="submit" />
- 使用file,则form的enctype必须设置为multipart/form-data ,method属性为POST
- <input type="file"/>
- </form>
- </body>
- </html>
HTML ui ol dl的更多相关文章
- 块和内嵌总结,以及各个标签的应用。其中的ul ol dl特殊定义为auto,使得里面的内容展开
<!doctype html> <html> <head> <meta charset="UTF-8"/> <title> ...
- 列表 ul ol dl 和 块级标签和行及标签之间的转换
1. 无序列表 有序列表 自定义列表 1,无序列表 第一 你不必须有子标签 <li></li> 第二 ul天生自带内外边距 List-style的属性值 circle(空心圆 ...
- html-2, a img ul li ol dl dt dd 标签与列表标签的简单使用
<!-- a: a{ /*清除a标签的下划线*/ text-decoration: none; } (1)超链接 href 超链接的地址 target: _self 默认 在当前中打开链接地 ...
- [置顶] html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口
<a name="shouye"></a> <strong>strong加粗</strong> <br> 没有加粗 &l ...
- ul ol dl
1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> < ...
- 列表(ul ol dl)
Title 1 2 3 1 2 3 a 1 2 b 1 2 <!DOCTYPE html> <html lang="en"> <head> &l ...
- css的基础用法(下)
定位: <html> <head> <meta charset="utf-8" /> <title>定位</title> ...
- 语义化HTML:ul、ol和dl
一.语义化元素 1. ul标签 W3C草案: The ul element represents an unordered list of items; that is, a list in wh ...
- Html ul、dl、ol 标签
Html ul.dl.ol 标签 <html> <body> <!-- ul 标签指定字符断点,左边带一个“·”点--> <ul> <!-- li ...
随机推荐
- k8s的回滚应用
kubectl apply 每次更新应用时 Kubernetes 都会记录下当前的配置,保存为一个 revision(版次),这样就可以回滚到某个特定 revision. 默认配置下,Kubernet ...
- 理解Java中【包】的概念
Java中用package关键字定义一个包,下面通过几个实验,理解Java中的包的概念和作用. 实验1:先看一个无包的情形 在G盘下新建一个Test.java,如图1: 写下面这些代码 <spa ...
- 利用return中断function
想实现通过点击button实现文字样式的交替改变,在实现function的中断过程中遇到了一些问题,所幸解决了 <!doctype html> <html lang="en ...
- 漫谈网络通信——从OSI网络模型到TCP/IP协议族
OSI七层模型 OSI(Open System Interconnection,开放系统互联)七层网络模型成为开放式系统互联参考模型,是一个把网络通信在逻辑上的定义,也可以理解成为定义了通用的网络通信 ...
- 清理tomcat缓存
解决方案:删除work目录的内容,注意不能删除work目录,不然会出现404错误 rm -rf /usr/local/tomcat/work/*
- HDU 2521 反素数(数论,比较)
#include<iostream> #include<cstring> #include<cmath> #include<cstdio> using ...
- JavaScript代码放在head和body的区别(QRCode生成)
1.在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始. 2.在body中时,直接加载并执行 典型的区别: 如果有不在函数中的执行语句,比如变量初始化,如果在hea ...
- Codeforces Round #394 (Div. 2) C. Dasha and Password(简单DP)
C. Dasha and Password time limit per test 2 seconds memory limit per test 256 megabytes input standa ...
- (转) 网络GET、POST方法
在iOS中,常见的发送HTTP请求(GET和POST)的解决方案有 苹果原生(自带) NSURLConnection:用法简单,最古老最直接的一种方案 NSURLSession:iOS7新出的技术,功 ...
- Codechef REBXOR
Read problems statements in Mandarin and Russian. Translations in Vietnamese to be uploaded soon. Ni ...