H5不常用标签(可正常使用)

H5不常用标签(可正常使用),第1张

<br>换行,已经被<p>标签进行替换

<hr>画线

<font>

<b>,<u>,<i>,<s>:加粗 下划线 文本倾斜 删除线,分别被stronginsemdel替换

在企业开发中,不到万不得已 不要轻易使用被废弃的标签

strong:定义重要性强调的文字

ins定义插入的文字

em定义强调的文字

del定义被删除的文字

特殊字符

在html中对空格和tab回车不敏感,会把多个空格tab和回车当一个空格来处理,那么如果需要用多个空格,又该如何,这时候需要通过特殊字符实体来实现

:代表一个空格,有多少个就有多少个空格,;分号必须要

&lt:小于符号<

&gt:大于符号>

©:版权符号

canvas有一个font属性,用font属性先设定好文字的字体,加粗,倾斜,字号,然后用fillText 或者strokeText插入文字就好了,
给个例子:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
windowonload=function () {
var content = documentgetElementById("canvas");
var cxt = contentgetContext("2d");
cxtfont = "bold 30px Arial";
//fillText方式
cxtfillText("随便写点儿啥", 50, 50);
}

</script>
</head>
<body>
<canvas id="canvas" width="300" height="300"></canvas>
</body>
</html>

大部分HTML标签都可以添加属性,常见的属性有宽度、高度、颜色、背景、字体等。

HTML属性一般都出现在HTML标签中,是HTML标签的一部分。

标签可以有属性,它包含了额外的信息,属性的值一定要在双引号中。

标签可以拥有多个属性。标签可以拥有多个属性。

属性由属性名和值成对出现。

语法格式…标签名>示例:如图8。1.HTML文档

HTML文档就是HTML页面,也就是网页,是由HTML元素组成的,互联网的所有内容都是由一个个HTML文档体现的,如图9所示。上图红色边框内的是主体,

与之间的文本是可见的页面内容,蓝色边框是网页标题,是标签中标签中的内容。

整个网页就是HTML文档。Web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容2.HTML注释

在实际开发中需要在要在一些代码段做HTML注释,这样做有很多好处,如方便查找,方便比对,方便项目组里的其他程序员了解其他人的代码,而且可以方便对代码的理解与修改等等。

语法格式(图10):

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。3.字的字体(font)和颜色(color)

定义文字大小和颜色使用font标签对。

基本语法:

……它的属性值有:face(字体)color(颜色)等示例(图11):4.文章标题(h标签)

在浏览网页中最先关注地是文章的标题,字体很大很突出。通常使用

对标签h标签分为6种,分别是-,字体从大到小。

示例(图12):

12345678910111213

h标签演示我是h1标签我是h2标签我是h3标签我是h4标签我是h5标签我是h6标签运行结果:5.标题字的对齐属性(align)

12345678910

标题字的对齐属性(align)左对齐居中对齐右对齐运行结果(图13):6.字体加粗(b标签)

123456789

B标签演示这是没有使用b标签的正常字体使用b标签加粗的字体运行结果(图14):可能读者会有疑问,HTML代码明明是两行,为何显示结果是一行。这是因为HTML代码中的换行、空格、tab缩进等是不会在浏览器中显示的,如图15所示。那么在HTML如何实现换行?只需要在源码中需要加上一个换行
标签,如图16所示。7.斜体标记

h5编辑器写文案和的方法如下:
1、写一个标准的HTML5开头与结尾。
2、在head中插入body。
3、插入标准大小的文本。
4、要将文本加粗的话,可以用b和strong标签。
5、要改变文字的大小,可以用h()标签,h1标签的字体最大,数字越大,字体越小。
6、插入只需要这串代码即可,其中,img是,src是路径,括号中填入图像的路径就可以在网页中显示了。这串代码仍然插入body标签中。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13407226.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存