web前端基础：HTML标签(一）

最新推荐文章于 2023-04-04 14:09:42 发布
最新推荐文章于 2023-04-04 14:09:42 发布
阅读量408 收藏 2
点赞数
分类专栏： web前端 # 前端基础 # HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37014633/article/details/103064114
版权
web前端 同时被 3 个专栏收录
17 篇文章 1 订阅
订阅专栏
前端基础
17 篇文章 0 订阅
订阅专栏
HTML
9 篇文章 0 订阅
订阅专栏

1.文件结构

  • 文件类型 <HTML></HTML> （放在文档的开头与结尾）
  • 文件主题 <TITLE></TITLE>（必须放在「文头」区块内）
  • 文头 <HEAD></HEAD> （描述性资料，如「主题」）
  • 文体 <BODY></BODY>（文件主体）

2.结构性定义（由浏览器控制的显示风格）

  • 标题 <H?></H?> （从 1 到 6，有六层选择）
  • 标题的对齐 <H? ALIGN=LEFT/CENTER/RIGHT></H?>
  • 区块 <DIV></DIV>
  • 区块的对齐 <DIV ALIGN=LEFT/RIGHT/CENTER/JUSTIFY></DIV>
  • 引文区块<BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）
  • 强调 <EM></EM> （通常会以斜体显示）
  • 特别强调<STRONG></STRONG> （通常会以加粗显示）
  • 引文 <CITE></CITE> （通常会以斜体显示）
  • 码<CODE></CODE> （显示原代码）
  • 样本 <SAMP></SAMP>
  • 键盘输入 <KBD></KBD>
  • 变数<VAR></VAR>
  • 定义 <DFN></DFN> （有些浏览器不提供）
  • 地址 <ADDRESS></ADDRESS>
  • 大字<BIG></BIG>
  • 小字 <SMALL></SMALL>

3.与外观相关的标签（作者自定的表现方式）

  • 加粗 <B></B>
  • 斜体 <I></I>
  • 底线 <U></U> （尚有些浏览器不提供）
  • 删除线 <S></S>（尚有些浏览器不提供）
  • 下标 <SUB></SUB>
  • 上标 <SUP></SUP>
  • 打字机体 <TT></TT>（用单空格字型显示）
  • 预定格式 <PRE></PRE> （保留文件中空格的大小）
  • 预定格式的宽度 <PRE WIDTH=?></PRE>（以字符计算）
  • 居中对齐 <CENTER></CENTER> （文字与图片都可以）
  • 闪耀<BLINK></BLINK>
  • 字体大小 <FONT SIZE=?></FONT>（从 1 到 7）
  • 改变字体大小 <FONT SIZE=+/-?></FONT>
  • 基本字体大小 <BASEFONT SIZE=?> （从 1 到 7; 默认为 3）
  • 字体颜色`

4. 链接与图像

链接 <A HREF="URL"></A>

  • 链接到锚点 <A HREF="URL#***"></A>（如果锚点在另一个档案）

  • `（如果锚点目前的档案）

  • 链接到目的视框 <A HREF="URL" TARGET="***"></A>
    设定锚点 <A NAME="***"></A>
    图像 <IMG SRC="URL">

  • 图像对齐方式 <IMG SRC="URL" ALIGN=TOP/BOTTOM/MIDDLE>

  • 图像对齐方式

<IMG SRC="URL"
ALIGN=LEFT/RIGHT/TEXTTOP/ABSMIDDLE/BASELINE/ABSBOTTOM
>
  • 取代文字 <IMG SRC="URL" ALT="***"> （如果浏览器不能显示图像则显 示此文字）
  • 点选图 <IMG SRC="URL" ISMAP> （需要 CGI 程式）
  • 点选图 <IMG SRC="URL" USEMAP="URL">
  • 地图 <MAP NAME="***"></MAP>（描述地图）
  • 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"/NOHREF>
  • 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">（以 pixels 为单位）
  • 图像边缘 <IMG SRC="URL" BORDER=?> （以 pixels 为单位）
  • 图像边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> （以 pixels 为
    单位）
    低解析度图形 <IMG SRC="URL" LOWSRC="URL">
    用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> （使用端自动更新 ）
    内嵌物件 <EMBED SRC="URL"> （将物件插入页面）
    内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">

5.分隔

段落 <P></P> （新定义成容器型标签）
文字对齐方式 <P ALIGN=LEFT/CENTER/RIGHT></P>
换行 <BR>
文字对齐方式<BR CLEAR=LEFT/RIGHT/ALL>（与图形合用时）
水平分割线 <HR>

  • 横线对齐 <HR ALIGN=LEFT/RIGHT/CENTER>
  • 横线厚度 <HR SIZE=?> （以 pixels 为单位）
  • 横线宽度 <HR WIDTH=?> （以 pixels 为单位）
  • 横线宽度比率 <HR WIDTH=%> （以页宽为 100%）
  • 实线 <HR NOSHADE> （没有立体效果）
    不可换行 <NOBR></NOBR> （不换行）
    可换行处 <WBR>（如果需要，可在此断行）
追光的泡泡
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web前端基础：HTML5文本标签.pptx
05-06
标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6> 定义最小的标题。 2 将输出一条水平线 文档中的文字格式化标记 字体标记 字符格式化标记、、、、,等 特殊字符的表示法:：空格，, ...
第十五周小组学习中关于HTML的总结与一些心得
qq_53275101的博客
12-12 535
小组HTML学习中的总结与一些心得 1. 前言 在完成了Java基础的学习后，我对于编程有了初步的了解，并且在小组的计划下开始了对前端的初步学习（HTML和CSS），我将写下这篇总结记录下我在HTML学习中对于各个标签的应用的一些个人看法与理解，及其这段时间的学习情况总结。 2. 什么是HTML？ HTML指超文本标记语言: HyperText Markup Language，是一种描写网页的语言。它是一种标记语言，其表现形式主要为用一组一组的标签来对网页进行描写。 3. HTML标签 HTML标签的主要形
html文本框左侧加标题文字,html 文本输入框效果大汇集
weixin_33248912的博客
05-31 1488
在html标签中添加事件，验证内容是否选中或者内容编辑等，此方法仅供才考。1、选中去除文本框文字，离开后显示原有文字：id="key" value="关键词" size="30"onmouseover=this.focus();this.select();onclick="if(value==defaultValue){value='';this.style.color='#000'}"onBlu...
用HTML在连接下添加一句话,向页面写下一句话
weixin_35714577的博客
06-18 499
向页面写入一句话helloworld!document.write("hello world!");function insertParagraph(text){var str = "";str += text;str += "";document.write(str);}insertParagraph("hello world!");innerHTML方法window.onload = func...
HTML_00000
wisdom
04-04 287
HTML
怎样在html网页中加入一段话,网页制作中十分常用的十一句话
weixin_31857991的博客
06-10 1323
网页制作中非常常用的十一句话整理了一些比较实用的网站设计时常用的代码，代码很简单，只有一行，不需要理解多高深的JS或者HTML知识，按照提示把相应的代码加入到网页模板中即可得到你想要的效果。1：进入网页时淡入淡出的效果。在头部head之间加入此代码，你会发现点击链接的时候，网页现实的是淡入淡出的效果。此代码含义如下：Page-Exit”(离开网页)、”Site-Enter”(进入站点)、”Site...
Web前端程序设计作业--天安门
haoshuai_121的博客
11-27 2398
Web前端程序设计作业--天安门
html小标题文字后面增加不同格式文字注释
weixin_42943626的博客
05-09 643
前端小标题文字后面增加不同格式文字注释 1、实现的效果如下 2、刚开始我用的是h标签，结果小括号里面的文字总是显示在标题下方 现在是这样的,span标签默认宽度100%,设置为50%,可以显示在同一行，并增加其他字体样式 <span style="width: 50%;font-weight:bold">联系人信息</span><span style="width: 50%;font-size: 11px;color: #999999">（注：*号为必填项，请认真填写）
html中的字体英文名称
ACMerdsb的博客
12-30 1507
html向下的单词,html – 直接在其他单词之下或之上放置单词
weixin_29554335的博客
06-04 176
你必须使用等宽字体.*我基本上看到两个选项：1.使用空格2.边距.选项1你的文字看起来像I•am•under•the•text•above••am•under•••••text•above其中•表示空格字符.在CSS方面非常简单,因为您不必担心间距.浏览器为您完成所有操作.示例：http://jsfiddle.net/PYXdr/*好吧,有可能使用任何字体,使用大量的JS,但我想这不值得.选项2由...
html在底部显示字,css文字在底部怎么写
weixin_29830833的博客
06-24 3359
css文字在底部的实现方法：首先新建一个html文件，并使用div标签创建一个模块；然后设置div的class属性为con；接着分别在css标签内创建div和p元素的样式；最后设置其位置属性为绝对定位即可。本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。新建一个html文件，命名为test.html，用于讲解css中怎么样才能使内容在div的底部...
Web前端基础：HTML.pdf
05-06
1. Html 就是超文本标记语言的简写，是最基础的网页语言。 2. Html 是通过标签来定义的语言，代码都是由标签所组成。<h> - h 标签 3. Html代码不用区分大小写。 4. Html 代码由<html>开始</html>结束。里面由头部分...
Web前端基础：HTML5超链接标签.pptx
05-06
;;;;;;超链接锚站标记<a>: 链接到其它页面 当前页面内跳转;
Web前端基础：HTML5图像标签.pptx
05-06
扩展名为.gif，是一种被压缩过的图像格式。 JPEG（Joint Photographic Experts Group）图像 扩展名为.jpg或.jpeg，有损压缩方式。 不适合表现线条画或文字图像。 PNG（Portable Network Graphics）图像 扩展名为.png...
Web前端基础：HTML5语义化标签.pptx
05-06
单元一 HTML5基础知识端基础前WebHTML5语义化标签HTML5新增的语义化标签主要有：、、、、、、<time>...语义化标签优点：为了在没有CSS的情况下，页面也能呈现出很好的内容结构比标签有更加丰富的含义，方便开发与...
安全基础&&HTML5
ikta的博客
07-29 837
符合 HTML 语法标准的网页，应该满足下面的基本结构。 不管多么复杂的网页，都是从上面这个基本结构衍生出来的。前面说过，HTML 代码的缩进和换行，对于浏览器不产生作用。所以，上面的代码完全可以写成一行，渲染结果不变。上面这样分行写，只是为了提高可读性。下面就依次介绍，这个基本结构的主要标签。它们构成了网页的骨架。网页的第一个标签通常是，表示文档类型，告诉浏览器如何解析网页。一般来说，只要像下面这样，简单声明为即可。浏览器就会按照 HTML 5 的规则处理网页。 有时，该标签采用完全大写的形式，以便区别于
HTML学习笔记（1）
qq_74897803的博客
11-04 93
加粗的文字
HTML技术
weixin_41836784的博客
06-08 427
文章目录一、概述二、开始书写HTML三、HTML语法规范四、HTML常见标签命令 一、概述 HTML（HyperText Markup Language）：即超文本标记语言，是一种专门在浏览器编译与执行的用于创建网页的标准标记语言，由大量的标签组成，每个标签都有开始标签的和结束标签（也有单标签的），标签中具有属性。形如：<标签 属性名=“属性值”></标签>，文件扩展名为.html或htm。 超文本：流媒体、图片、声音、视频… 网页：网页主要由文字、图像、超链接、音频、视频以及Fl
HTML新手学习小记1（网页声明、描述信息、标签小字）
blood_yan的博客
09-08 605
HTML(Hyper Text Markup Language) 是一种标记语言 整体格式为： //头部 //身体 注意所有的html的标签都以<>开始以！DOCTYPE 声明 使用方式，在之前，格式如下： 约束了文档结构，检验是否符合WEB标准，告诉浏览器用什么规范来解释这个代码。 meta 描述网站的具体信息 1.文档内容类型、字符编码信息： 格式： uft-8：国际通用，适用于包含中英文页面，相比gb2312，通用性更加好，但是字符编码压缩低，会对页面造成一定影响。 gb2312：
web前端的html常用标签
最新发布
04-30
以下是一些常用的 HTML 标签： 1. `<html>`：定义一个 HTML 文档 2. `<head>`：定义一个文档的头部，包含关于文档的信息和元数据 3. `<title>`：定义文档的标题，显示在浏览器的标题栏或标签上 4. `<body>`：定义...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值