牛腩 之HTML创建使用网页的文本对齐与格式化

       HTML可以控制文本的外观以及文本在网页中如何对齐显示,下面我来介绍我做牛腩时候用到的一些基础知识。

 一 常用标签:

<p>:段落标签,设置stytle属性来指定段落中的文本应与左边距、右边距对齐还是居中。例如:<p style="text-align:center">----居中对齐

<h1>~<h6>:主题标签,常用的是<h3>

<div>:块级标签,可以通过设置样式来改变块内所有元素的属性,例如<div stytle="text-align:right">------所有内容都右对齐

<br/>:强制换行

<li>:用于列表项

<itemTemplate>:严格的来说 <ItemTemplate> html中无意义,他只是针对诸如 RepeaterDataListGridView中的一个模板

 

 二 文本格式化特殊标签:

<small><big>:小、大字体

<em><i>:文本斜体

<strong><b>:文本粗体

<sup><sub>:上、下标

<pre>:等宽字体,保留空格和分行

 

三 调整字体:

Font-family:设置字体

Font-size:字体大小

Color:字体颜色

 

四 特殊字符的使用:

字符

数字代码

实体名称

"

&#34;

&quot;

&

&#38;

&amp;

<

&#60;

&lt;

>

&#62;

&gt;

 

五 三种HTML列表:

<ol>:有序列表,每个<li>标签处自动添加编号,分行。

<ul>:无序列表,每个<li>标签处添加项目符号。

<dl>:定义列表,在定义术语前加<dt>,在定义前加<dd>

列表嵌套:嵌套是一个标签完全出现在另一个标签内部如<dl><dd></dd></dl><dl></dl>属于父标签,<dd></dd>属于子标签,列表会自动进行缩进,可以单独存在,也可以进行嵌套

 

 总结:

         HTML给我们的是最细节的东西,也是最实用的东西。网站的页面设计其实就是对文本记性设计,只有用好这些基础的知识,才能做出界面更好的网站!

 

 

 

你可能感兴趣的:(牛腩 之HTML创建使用网页的文本对齐与格式化)