我的javaweb学习之旅--html常用块级标签

html常用块级标签

常用的有p,h1~h6,div,ul 等

1.h1~h6

<body>

<h1></h1>   一级标题

......

<h6></h6>    六级标题

</body>

2.p段落标签

示例:

<p>有梦想就有奇迹</p>

3.<hr/>标签  水平线标签

<p>有梦想就有奇迹</p>

<hr/>

4.有序列表标签

<ol>开头  </ol>结束

<ol>

<li>列表项1</li>

</ol>

5.无序列表

<ul>开头  </ul>结束

<ul>

<li>列表项1</li>

</ul>

6.定义描述标签

<dl>

<dt>标题</dt>

<dd>描述</dd>

</dl>

7.分区标签

<div>头部内容</div>

<div>导航内容</div>

<div>底部内容</div>

div标签一般当作结构化块状元素使用,一般最常见的用途就是对网页进行整体分块布局,即当容器来使用

代码:

<! doctype html>

<html>

<head>

<title>xjd0316的技术博客</title>

<meta http-equiv="Content-type" content="text/html;" charset=gb2312>

<meta name="keyword" content="java学习,html学习">

<meta name="description" content="久而久之、久而旧之">

</head>

<body>

<div id="mp3setion">

<h1>MP3排行榜<h1/>

<hr/>

<h2>歌曲目录</h2>

<p>第一名:下沙<p>

<p>第二名:星月神话<p>

<p>第三名:说好的幸福呢<p>

<hr/>

</div>

<div id="friutsort">

<h3>我喜欢吃的水果</h3>

<ol>

<li>橙子</li>

<li>香蕉</li>

<li>苹果</li>

</ol>

</div>

<div id=travelline>

<h3>旅游路线精选</h3>

<ul>

<li>上海--深圳--南京</li>

<li>深圳--香港--泰国</li>

<li>昆明--丽江--西双版纳</li>

</ul>

</div>

<hr/>

<dl>

<dt>水</dt>

<dd>人类赖以生存的<dd>

<dd>化学符号:H2o<dd>

<dt>氧气<dt>

<dd>符号:o2<dd>

<dd>生命之水<dd>

<dl>

</body>

</html>

时间: 2024-08-07 00:13:15

我的javaweb学习之旅--html常用块级标签的相关文章

javaweb学习总结(二)html常用标签

学习html的时候,就是一个标签一个标签的去写代码做实验,去总结它们的用法.先熟悉每一个,然后把这些标签组合成一些简单的页面. 一.几个基础标签 <!DOCTYPE> 定义文档类型 <html> 定义一个html文档 <title> 为文档定义一个标题,每个html页面的标题,显示在浏览器的选项卡. <body> 定义文档的主体 <h1> to <h6> 定义html标题,h1最大.h6最小 <p> 定义一个段落 <

CSS学习笔记——盒模型,块级元素和行内元素的区别和区别

今天本来打算根据自己的计划进行前端自动化的学习的,无奈早上接到一个任务需求需要新增一个页面.自从因为工作需要转前端之后,自己的主要注意力几 乎都放在JavaScript上面了,对CSS和HTML这方面其实基础真的很差,今天在写页面的时候就被浮动啊.内外边距啊这些耽误了不少时间. 反思一下,自己确实在这些基础方面的不足很多,所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法.其中可能中会有JS.CSS.HTML各方面的,我会把自己每一天学到的内容都记录一下,辅助自己打好基础. 今天在

学习总结:CSS(一)块级与行级元素特性、盒模型、层模型、BUG与BFC、浮动模型

.displayTal { width: 100%; font-size: 13px } .displayTal1 { width: 30%; height: 30px; font-size: 13px; color: #009933 } .displayTal2 { width: 40%; height: 30px; font-size: 13px; color: #009933 } .displayTal3 { width: 30%; height: 30px; font-size: 13p

我的javaweb学习之旅--html结构

html结构 1.head标签对 2.body标签 3.title标签 <! doctype html> <html> <head> <title>xjd0316的技术博客</title> <meta http-equiv="Content-type" content="text/html;" charset=gb2312> <meta name="keyword" c

javaweb学习总结一(eclipse常用快捷键、debug调试以及junit测试框架)

一:web的发展趋势1:C/S(客户端/服务器)结构向B/S(浏览器/服务器)结构发展,以后的电脑只需操作系统和浏览器即可.所有的服务都存储在服务器端,只需用户登录后从服务端同步数据,例如:看电影不需要再下载pps.pptv等 客户端软件,只需要打开网页,在网页上面观看:写文章可以直接在网页上面写(博客),不需要再下载word软件 ,在客户端软件编辑:发邮件直接在网页上面进行,不需要下载foxmail.outlook等客户端软件,目前这种趋势 已经呈现,但是还是有很多的制约因素.如 a:带宽的限

我的javaweb学习之旅--html介绍

HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页

javaweb学习总结(二十六)——jsp简单标签标签库开发(二)

一.JspFragment类介绍 javax.servlet.jsp.tagext.JspFragment类是在JSP2.0中定义的,它的实例对象代表JSP页面中的一段符合JSP语法规范的JSP片段,这段JSP片段中不能包含JSP脚本元素. WEB容器在处理简单标签的标签体时,会把标签体内容用一个JspFragment对象表示,并调用标签处理器对象的setJspBody方法把JspFragment对象传递给标签处理器对象.JspFragment类中只定义了两个方法,如下所示: getJspCon

javaweb学习总结(二十四)——jsp传统标签开发

一.标签技术的API 1.1.标签技术的API类继承关系 二.标签API简单介绍 2.1.JspTag接口 JspTag接口是所有自定义标签的父接口,它是JSP2.0中新定义的一个标记接口,没有任何属性和方法.JspTag接口有Tag和SimpleTag两个直接子接口,JSP2.0以前的版本中只有Tag接口,所以把实现Tag接口的自定义标签也叫做传统标签,把实现SimpleTag接口的自定义标签叫做简单标签. 2.2.Tag接口 Tag接口是所有传统标签的父接口,其中定义了两个重要方法(doSt

javaweb学习总结(二十五)——jsp简单标签开发(一)

一.简单标签(SimpleTag) 由于传统标签使用三个标签接口来完成不同的功能,显得过于繁琐,不利于标签技术的推广, SUN公司为降低标签技术的学习难度,在JSP 2.0中定义了一个更为简单.便于编写和调用的SimpleTag接口来实现标签的功能. 实现SimpleTag接口的标签通常称为简单标签.简单标签共定义了5个方法: setJspContext方法 setParent和getParent方法 setJspBody方法 doTag方法(非常重要),简单标签使用这个方法就可以完成所有的业务