1-web前端段落标签、标题标记

html-css07

1-web前端段落标签、标题标记,第1张

p:段落标签

样式:<style type="text/css">

          p{

          font-size:36px

          color:red

          text-align:center

          }

            //标签样式

            //类样式

            .p1{

                    font-size:20px

                    color:blue

                    text-align:left

                  }

              14px,绿色,左对齐

        </style>

双标记<p></p>

          <font></font>

单标记<hr />    <br />

<hn align="对齐方式">标题文本</hn>

n=1-6

<h1 align="对齐方式">标题文本</h1>

<h2 align="对齐方式">标题文本</h2>

<h3 align="对齐方式">标题文本</h3>

对齐方式:left    center    right

<p></p>

空格:

文字属性标签有:

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时边框才可能出现。

css标签中基本标签属性有三种:块属性标签、行属性标签和行块属性标签。

一、块属性标签:特点:1.上下排列,独占一行 2.支持设置宽高,如果不设置宽高,宽度自动撑满父容器,高度由内容决定。

*有开始标签和结束标签,(双标签),只有一个标签的叫做单标签

常用的块属性标签:div标签(没有任何意义,一般用来划分区域)p标签(段落标签)h1-h6(标题标签,h1标签一般在一个网页中只有一个)ul>li(无序列表)ol>li(有序列表)

style=“list-style: none” (去掉无序列表前面的点)

**二、行属性标签:**特点:1.左右排列 2.不支持设置宽高 3.不支持上下的margin和padding