HTML-学习笔记(常用标签)

本篇博客讲一讲HTML中的标签

HTML 标题

标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

效果如下:

<h1>~<h6>字体由大到小,由粗到细。但是请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替

HTML 水平线

标签<hr />在html页面中创建水平线。 可用于分割内容。

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。下面是html注释的一个例子:

<!-- This is a comment -->

HTML 常用标签

<html>定义html文档

<body>定义文档的主题

<h1>~<h6>定义html的标题

<hr />定义html文档中的水平线

<!-->定义注释。

HTML 段落

<p>标签定义html文档中的段落。

<p>This is a paragraph</p>
<p>This is another paragraph</p>

<p>是块级元素,也就是说浏览器会自动的在段落前后添加空行。标签<br />是html中专门用于折行的标签。

<p>This is<br />a para<br />graph with line breaks</p>

虽然一行能显示完整,但是由于用了这行标签<br />所以graph with line breaks会另起一行显示。

<p>标签定义了html文档中的段落。

<br />标签在html文档中的作用是插入单个折行(换行)

时间: 2025-01-01 20:49:17

HTML-学习笔记(常用标签)的相关文章

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/>  图片(单标签)alt属性 是图片名字,是给百度搜索引擎抓取使用:     a标签: 链接/下载/锚点 href地址等于标签id     target 链接打开方式     blank  新窗口     self     当前窗口     <base target="_blank"/> 定义页面链接默认打开方式   常见标签 div        

c/c++unix/linux基础学习笔记-常用命令和vi的使用

linux 基本命令的使用-命令在ubuntu下面执行,有些命令通用其他linux,有些不通用. 多条命令间用;号隔开,回车后可以一起执行. clear-前屏,pwd显示当前目录,cd跳转目录. sudo [命令]  -ubuntu 下以管理员身份运行命令. 一般情况下,运行当前目录下的程序,要用 ./文件名 执行. 查看当前shell名称:ps 进入另外一个shell,直接输入shell名称:ksh/tcsh/sh/bash,退出一个shell用:exit. 切换shell命令,如:exec

学习笔记_Java_day13_JSTL标签库(1、2、3、4、5、6、7、8)

1.一种标签语言 day13 l  JSTL标签库(重点) l  自定义标签(理解) l  MVC设计模式(重点中的重点) l  Java三层框架(重点中的重点) JSTL标签库 1 什么是JSTL JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一定,只不过它不是JSP内置的标签,需要我们自己导包,以及指定标签库而已! 如果你使用MyEclipse开发JavaWeb,那么在把项目发布到Tomcat时,你会

HTML学习笔记基础标签第一节 (原创)

<!DOCTYPE html><!--头文件 不是标签 也没有结束,这是声明该文件为HTML5--><html lang="en"><!--表示网页文字以什么格式显示 en为英文 zh是中文--><head> <!--头文件--> <meta charset="UTF-8"> <!--编码格式为UTF-8--> <title>我是页面左上角标题</tit

java学习笔记—自定义标签1(39)

在实际的开发中,如为了简化JSP中出现大量的JSP脚本,那么我们需要使用标准标签库和EL表达式,但是和新标签库中提供的标签是有限的,不可能完全满足开发的需要.如:分页.因此需要学习如何自定义自己的标签库. 如果要实现自定义标签,那么需要如下几步: 编写标签处理类 需要继承或者实现相关的类或者接口 编写标签描述文件 该文件是一个XML文件,而且必须放在网站的WEB-INF目录中 在JSP中引入标签且使用 使用taglib指令引入标签库,随后使用. 自定标签的类体系 详细了解下一下几个类和接口: -

HTML学习笔记——常用元素及其属性(一)

1.img 标签 -- 代表HTML图像 img标签是单独出现的,<img /> 语法: <img src="URI" alt="alttext" title="titletext" /> 属性: Common -- 一般属性 (公共属性) eg: class  id  title(图片的提示文字,当鼠标停留到图片上时,会提示相关文字)  onclick  style ... alt -- 代表图像的替代文字 (alt属性

HTML学习笔记——常用元素及其属性(二)

一.HTML表单 -- form标签 -- 与浏览者交互 1.form 标签 -- 代表HTML表单 form标签是成对出现的,以<form>开始,以</form>结束 属性. common -- 公共属性 action -- 浏览者输入的数据被传送到的地方,比如一个PHP页面(dreamdu.php) action语法: url(网址)/页面?表达式1&表达式2&表达式3&... 表达式语法: 参数名称=参数值 示例: http://www.dreamdu

JavaScript DOM学习笔记之标签属性

节点: 平时开发中常用的节点是: 元素节点:nodeType值是 1    --> <a>,<p>...... 属性节点:nodeType值是 2    --> title,href,src...... 文本节点:nodeType值是 3    --> 内容 获取html标签内容: document.getElementById(""):接受一个id值,返回的不是内容,而是包括标签在内的所有内容 document.getElementsByTa

css学习笔记:常用样式

CSS 1.CSS概述 层叠样式表 作用:控制页面的显示效果,最终用HTML去展示页面内容,用CSS样式去控制页面内容的显示效果 注释用/*    */ 2.CSS和HTML结合的方式 1.属性style结合方式(行内样式) 在标签中写style属性. style="属性:值" 2.style标签结合(内嵌方式) <style> code.... </style> 3.Link标签进行结合(最常用的) 1.先定义外部样式文件 2. 引入<link rel=

[html5] 学习笔记-Canvas标签的使用

Canvas通过JavaScript来绘制2D图形.Canvas是逐像素渲染的.在Canvas中,一旦图形被绘制完成,它就不会继续得到浏览器的关注.如果其位置发生变化,那么整个场景也需要重新绘制,包括任何已被图形覆盖的对象. 1.Canvas标签 html5中<canvas>元素用于图形的绘制,通过脚本(通常是JavaScript)来完成 <canvas>标签只是图形容器 可以通过多种方法使用Canvas绘制路径.盒.圆.字符以及添加图像 1.1 直接在html5中创建,这种方式采