Web---HTML---常用标签1

最新推荐文章于 2022-03-16 19:05:58 发布
最新推荐文章于 2022-03-16 19:05:58 发布
阅读量174 收藏 1
点赞数
分类专栏： 4.Web ------①HTML Web 文章标签： Web HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34928644/article/details/80395684
版权
4.Web 同时被 3 个专栏收录
47 篇文章 1 订阅
订阅专栏
Web
37 篇文章 0 订阅
订阅专栏
------①HTML
5 篇文章 0 订阅
订阅专栏

基本标签

1. <html>和</html>
2. <head>和</head>
3. <title>和</title>
4. <body>和</body>
5. <hn>和</hn>
6. <br>
7. <hr>
8. <!-- 这是注释 --> 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个HTML网页</title>
</head>
<body>
	<!-- 这是注释 -->
	<h1>这是h1</h1>
	<h2>这是h2</h2>
	<h3>这是h3</h3>
	<h4>这是h4</h4>
	<h5>这是h5</h5>
	<h6>这是h6</h6>
	换行br<br/>
	hr水平线<hr/>
	<a href="#">a超链接</a>
	<img alt="图片" src="../imgs/0.jpg" width="200px" height="100px"/>
</body>
</html>

文字修饰

    一个网页大多由以下要素构成：文字、图片、表格、动画及声音。在这些元素中，文字是十分重要的。下面我们就逐一讲述涉及文字的标记。

字号

1. <small>和</small>
2. <big>和</big>
3. <font size=n>
4. <basefont size=n>
5. <sub>和</sub>
6. <sup>和</sup>

字体样式

1. <b>和</b>
2. <I>和</I>
3. <u>和</u>
4. <strike>和</strike>

特殊标记

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>第二个HTML网页</title>
</head>
<body>
	字体：<br/>
	<b>粗体b</b> <br/>
	<i>斜体i</i> <br/>
	<u>下划线u  html5不支持</u><br/>
	<strike>删除线strike  html5不支持</strike>
	<hr/>
	字号：<br/>
	<small>小号文本small </small><br/>
	<big>大号文本big </big><br/>
	<font color=#ff0000 size="3">设置文本颜色、大小等 font通过该标签的属性进行设置  html5不支持</font><br/>
	A<sub>下标 sub</sub>     
	B<sup>上标 sup</sup><br/>
	<hr/>
	特殊标签：<br/>
	&nbsp; 空格<br/> 
	&lt; 小于号lessthan->lt <br/>
	&gt; 大于号greatthan->gt <br/>
	&amp; &符号  <br/>
	&quot; "符号 <br/>
	&reg; &reg;符号 <br/>
	&copy; &copy;符号<br/>
	
</body>
</html>

列 表

    列表是一种条理化地排列信息的方法。它把内容一条条地水平排列显示，直观、清晰。而它也不同于表格，一般列表没有表格复杂。

<dl>：列表
<dt>：上层项目
<dd> ：下层项目

两个可带属性的复杂列表标记ul和ol

<ul>和</ul>
 此标记可以带属性，变成<ul type=f>的形式，f有如下几种:
    f为disc：条目以符号“●”引导。
    f为circle：条目以符号“○”引导。
    f为square：条目以符号“■”引导。
<ol>与</ol>

 此标记会自动给条目排序并加上序号，也可带有属性：
    1) < ol type=f>
        f为A：以大写字母排序。如A，B，C，D等。
        f为a：以小写字母排序。如a，b，c，d等。
        f为I：以大写罗马数字排序。如I，II，III，IV等。
        f为i：以小写罗马数字排序。如i，ii，iii，iv等。
        f为1：以阿拉伯数字排序。如1，2，3，4等。
    2) <ol start=n>
        n是一个数字，此标记符表示重新定义的起始号。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>列表</title>
</head>
<body>
	定义列表 dl：<br>
	<dl>
		<dt>上层项目 dt</dt>
			<dd>下层项目 dd</dd>
			<dd>下层项目 dd</dd>
			<dd>下层项目 dd</dd>
		<dt>上层项目 dt</dt>
			<dd>下层项目 dd</dd>
			<dd>下层项目 dd </dd>
			<dd>下层项目 dd</dd>
		<dt><font color="red">注意: </font> dt 和 dd 是同级的标签，虽然看起来像是 dd 是 dt 的子标签</dt>
	</dl>
	无序列表 ul：<br/>
	<ul>
		<li>列表项 li</li>
		<li>列表项 li</li>
		<li>列表项 li</li>
	</ul>
	有序列表 ol：<br/>
	<ol>
		<li>列表项 li</li>
		<li>列表项 li</li>
		<li>列表项 li</li>
	</ol>
	有序列表 和 无序列表 <font color="red"> 差别 </font> 就在于 <font color="red"> 列表项 </font> 前面是否有是以 <font color="red">自然规律递增的符号</font>
	<hr/>
	嵌套列表：<br/>
	<ol>
		<li>李白 ol_li
			<ul>
				<li>
					赠汪伦 ol_li_ul_li
				</li>
				<li>
					月下独酌  ol_li_ul_li
				</li>
			</ul>
		</li>
		<li>杜甫 ol_li
			<ul>
				<li>
					赠李白  ol_li_ul_li
				</li>
				<li>
					日下独酌  ol_li_ul_li
				</li>
			</ul>
		</li>
	</ol>
</body>
</html>

Whale-Song
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
body中的基本标签
xiaoting_0926的博客
07-29 3324
body中的基本标签： 文本标签：普通文本、标题标签、横线标签、段落标签、实体字符、加粗、倾斜、下划线、预编译标签、换行、中划线、字体标签； 多媒体标签：图片、音频、视频。 超链接标签；表格标签；div标签。 ......
html中hn是什么标记,html中hn是什么意思
weixin_30479433的博客
06-21 5137
simith666的回答：html中hn是html-标签的缩写，实际使用时，hn中的n需要写为具体的数字，即对应的、、、、或标签。 - 标签可定义标题。 定义最大的标题。 定义最小的标题。由于 h 元素拥有确切的语义，需要慎重地选择恰当的标签层级来构建文档的结构。因此，不要利用标题标签来改变同一行中的字体大小。相反，应当使用层叠样式表定义来达到漂亮的显示效果。格式：XXXX，和需要配对，文字部分...
HTML基本语法二 字体(FONT)标记
weixin_34327223的博客
12-24 592
二、字体(FONT)标记(TAGS) 标题字体(Header) <h#> ... </h#> #=1, 2, 3, 4, 5, 6 <h1>今天天气真好！</h1> 今天天气真好！ <h2>今天天气真好！</h2> 今天天气真好！ <h3>今天天气真好！</h3&gt...
常用HTML标签1
尹成的技术博客
11-14 387
#html标题 通过 &lt;h1&gt;、&lt;h2&gt;、&lt;h3&gt;、&lt;h4&gt;、&lt;h5&gt;、&lt;h6&gt;,标签可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系，比如说： &lt;h1&gt;用作主标题（最重要的），其后是 &lt;h2&gt;（次重要的），再其次是 &lt;h3&gt;，以此类推
HTML常用标签（1）
jcf52的博客
03-16 1879
一，标题标签 HTML中使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签来定义标题部分，默认样式是加粗左 对齐，并且从<h1>到<h6>字号递减，语法格式如下： <hn 属性=“属性值”>标题内容</hn> 若想改变对齐方式，可使用align属性，属性取值表如下： 属性值 对齐方式 left 左对齐 right 右对齐 center
038HTML-DOM对象.doc
最新发布
11-30
DHTML 对象模型如图－1 所示，包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...
Web-前端教程02 初遇 HTML 最基础的那些标签.zip
05-24
本教程“Web-前端教程02 初遇 HTML 最基础的那些标签”将引导你了解并掌握HTML的基本概念和最常用的元素标签。 首先，HTML由一系列的元素组成，这些元素通过标签来表示。每个元素都有开始标签和结束标签，例如`<p>`...
tt-bphc
02-25
1. **HTML**： - 学习HTML的基本结构，包括`<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`等标签。 - 掌握常用元素，如`<p>`（段落）、`<a>`（链接）、`<img>`（图像）和`<table>`（表格）的用法。 - 了解如何...
Web-前端html+css从入门到精通 164. column分栏布局.zip
05-23
首先，HTML5引入了一些新的标签，如`<article>`、`<section>`和`<aside>`等，这些可以帮助我们更好地结构化页面内容，但它们本身并不具备分栏布局的功能。要实现分栏布局，我们需要依赖CSS。 CSS中有多重方法可以...
Javascript-DOM编程艺术研究.docx
11-17
JavaScript-DOM编程艺术是Web开发中的核心技能，它涉及到如何使用JavaScript操作HTML或XML文档的结构、内容和样式。DOM，即文档对象模型（Document Object Model），是网页内容的抽象表示，它允许开发者通过编程方式...
全角空格和半角空格的运用
热门推荐
whale blog
09-08 1万+
HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（&amp;nbsp;）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ &amp;ensp; &amp;emsp; &amp;thinsp; &amp;zwnj;&amp;zwj;）在不同浏览器中宽度各异。 全角和半角的区别 全角占两个字节，半角占一个字节,半角全角主要是针对标点符号来说的，全角标点...
Web---JSP---几代技术发展史
whale blog
09-09 1404
以登录例子演示JSP技术的发展 JSP的第1代开发技术:纯JSP技术 &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&
Web---HTML---常用标签2
whale blog
05-24 939
表 格使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息，具有表示清晰、明了的特点，使用十分广泛。 表格一般由以下几部分组成：表格名称、表格栏及表中数据。&lt;table&gt;&lt;/table&gt;这是一对用来指明表格范围的标记，格式如下：&lt;table&gt; 表格全部内容&lt;/table&gt;border属性...
Web-CSS
whale blog
06-08 829
CSS概述     CSS是层叠样式表（Cascading Style Sheets）用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。    那么CSS和HTML是如何在网页代码中相结合的呢？通过四种方式：style属性 、style标签、导入和链接。CSS与HT...
Web---Filter---运用：敏感词过滤 、全站压缩
whale blog
09-27 791
首先了解一下装饰模式 对一个类的增强，一般采取三种式 继承被增强的类，即实现一个子类。 使用动态代理处理需要增强的方法。 使用包装设计模式。(Java中的IO基本上都是包装设计模式) 以下是使用包装设计模式增强一个类的步骤： 继承需要增强的类。 声明需要增强有的类为自己的成员变量。 书写一个构造方法接收需要增强的类。 实现需要增强的方法。 实现可扩展的其他方法。 包装（装饰）设计...
Web---用户注册、邮箱激活、登录，出错写入日志
whale blog
09-30 666
需求分析： 用户注册，需要用户名，密码，邮箱 用户激活，服务器通过用户的邮箱给用户发一封激活邮件进行激活 用户登录，用户注册完需要激活才可以登录，没有激活认为用户不存在。 数据库表设计 id主键，长度32，采用UUID。name 、pwd 、email 暂时没有进行格式设定。acode,激活码，采用UUID。name字段唯一约束。按理应该需要一个字段记录注册时间有必要的话激活时间也应该记录...
Web---Filter---运用：判断是否登录、自动登录
whale blog
09-27 620
运用一：安全校验（判断是否登录） 运用场景：当有些资源不是游客可以访问的是时候，应该在用户访问时进行拦截。 话不多说上代码： 1.创建一个Filter的实现类 package cn.hncu.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain...
Web---Tomcat7.0---安装配置以及项目发布
whale blog
08-26 576
安装： 下载Tomcat压缩包 Apache Tomcat®中找到 Download 选择需要的版本，再找到Core子目录，选择对应系统的压缩包点击下载。 我用的是Tomcat7 Window 64位的压缩包。 解压压缩包 解压时候要注意解压到的目的目录不要有空格和中文，因为Tomcat会把目录当作变量来使用。 比如直接解压到D盘， 配置环境变量： 步骤：右击我的电脑---...
Web---Servlet---多个servlet间跳转技术的细节
whale blog
09-04 548
servlet中的两个输出流:字节流(response.getOutputStream()) 和字符流(response.getWriter())。 1)用字节流输出时，中文要采用out.write("中文".getBytes()),不能用print("中文")。 对于字节流，用response.setCharacterEncoding("utf-8")设了也不行。 2)用字符流输出时，无论中...
"HTML标签及常用属性总结-Web前端知识点
Web前端知识点总结.doc是一份关于HTML知识点的文档，其中详细总结了HTML的功能、思想和常用标签。HTML是用来制作静态网页的语言，通过HTML语言可以展现网页的全部内容。HTML的思想是一切功能都由标签实现，标签具有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值