写出文字属性有哪些标签?分别代表什么意思?

写出文字属性有哪些标签?分别代表什么意思?,第1张

文字属性标签有:

1、id,意思当前页面中的唯一标识,用于css或js控制。

2、class,意思是类名,用于css控制。

3、title,意思是指定标题。

4、style,意思是插入线内样式。

标题标签Hx:

h1-h6,标题标签,共六级,一般一级标题H1在一个页面中只出现一次,二级标题到六级标题可以出现多次,其权值递减。默认为块元素,粗体,上下有边距(margin)。

主要属性:align,指定对齐方式,常用三个值left左对齐(默认),enter居中对齐,right右对齐(建议不要用,而是通过css来控制其对齐方式)。

段落标签P:段落p,用于整段文字,一般用于文章中的段落或一段独立的文字。默认为块元素。有上下边距(margin)。

主要属性:align对齐,用法同Hx的align。这里是段落文字,上标下标 Sup Sub。

上标下标,线内元素,在网页布局的时候相对用的较少,其主要目的是输出数学方程式,如:2x22+3x2+1=9。

强调strong em。

strong(线内元素,粗体),em(线内元素,斜体)。

这里是要强调的内容,默认表现为粗体。

这里也是要强调的内容,默认表现为斜体。

因为这两个元素有一定的感情色彩(强调),所以在seo代码优化中尤为重要,应该应用于那些确实需要强调的内容,而不是为了表现粗体或者斜体。如果你只是要表现粗体或者斜体,而不是真的要强调,那么你可以选择下面两个标签。

粗体B:

B粗体,线内元素。只是形式上的表现为粗体,而不具备强调的作用。

斜体I:

I,斜体,线内元素。只是形式上表现为斜体,而无强调作用。

换行BR:

br,换行符,将一段文字手段换行,一般很少使用。

水平线HR:

hr,在页面中创建一条水平线,或者分割线。默认为块元素,居中,2像素,带阴影,宽100%。

属性:

align对齐,用法同上。

noshade去掉阴影(显示纯色)。

size线条粗细。

width线条宽度。

color线条颜色。

html中所使用的颜色有以下几种:

英文单词,如red、green等等。

16进制值:如#ff0000、#006699,在html代码中的十六进制颜色不能使用简写如#f60,必须写成#ff6600。

rgb值:如rgb(255,255,0)。

rgba:如rgba(255,255,0,.5)。

块引用blockquote:

blockquote,引用元素,如文章中需要引用其他文章的内容时,默认为块元素。上下左右有边距。

几种控制文字的标签:

粗体:<b>文字</b>(例:文字)。

加重:<strong>文字</strong>(例:文字 )。

上标:<sup>文字</sup>(例:文字)。

下标:<sub>文字</sub>(例:文字)。

斜体:<i>文字</i>(例:文字)。

下划线:<u>文字</u>(例:文字)。

边框样式:

border-style属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是none时边框才可能出现。

H1~H6标签

例1 Hr标签的格式

 <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Hr标签</title>

</head>

<body>

<h1>这是标题 1</h1>

<hr/>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

</body>

</html>

格式:

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

作用:

H标签是用来给文本添加标题语义的,而不是用来修改文本的样式的。

H标签一共有6个,从H1~H6,最多就只能到6,超过6则无效。

被H系列标签包裹内容会独占一行。

在H系列的标签中H1最大,H6最小。

企业开发中只能有 H1 一个标签。

快捷键  

end键盘  跳到 最后 一行

如何让光标在多行闪烁

按住alt键,再按住鼠标左键不放,然后再拖动鼠标即可。

p标签

作用:

告诉浏览器哪些文字是一个段落。

格式:

<p></p>

示例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>H1和H6标签</title>

</head>

<body>

<h1>这是标题 1</h1>

<hr/>

<h2>我是中国人</h2>

<h3>我是中国人</h3>

<h4>我是中国人</h4>

<h5>我是中国人</h5>

<h6>我是中国人</h6>

<hr/>

<p>我是中国人</p>

</body>

</html>

注意点:

在浏览器中,会单独占一行。

hr标签的作用


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

原文地址: http://outofmemory.cn/zaji/6229077.html

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

发表评论

登录后才能评论

评论列表(0条)

保存