`

html关于文字,背景,列表的相关代码

阅读更多

3.12 设置基底网址<base>

 

  <html>

  <head>

  <base href=”文件路径” target=”目标窗口”>

  </head>

  <body>

  </body>

  </html>

  Href用于设置网页文件的链接地址(网址),target用于设置页面显示的目标窗口.

3.13 设置基准文字<basefont>

  <html>

  <head>

  <basefont face=’’’’ size=’’’’ color=’’’’>

  </head>

  <body>

  </body>

  </html>

  <basefont>标记用于设置网页中的文字

  Face属性用于设置文字的名称,可以是宋体,隶书等;

3.14  定义元信息<meta>

  <html>

  <head>

  <meta http-equiv=’’’’ name=’’’’ content=’’’’>

  </head>

  <body>

  </body>

  </html>

  <meta>标记中的http-equiv属性用于设置一个http的标题域,但确定值由content属性

  决定,name属性用于设置元信息出现的形式,content属性用于设置元信息出现的内容.

3.15  设置页面关键字keywords

  <html>

  <head>

  <meta name=”keywords” content=”计算机,英语,会计,物理,职场”>

  </head>

  <body>

  </body>

  </html>

  Keyword用于说明定义的是关键字,用于提高网站被搜索引擎搜到的机率,输入任何计     算机,英语等可以搜到此网站。

3.16  设置页面过期时间expires

  <html>

  <head>

  <meta http-equiv=”expires” content=”FRI,1 JUN 2007 00 00 00 GMT>

  </head>

  <body>

  </body>

  </html>

  Expires用于设置网页的过期时间,content给出了网页过期的具体时间值。

3.21  设置页面背景 bgcolor

  <html>

  <head>

  </head>

  <body bgcolor=”blue”>

  </body>

  </html>

  Blue可以是英文的red 等,也可以是“#00ff00”等。

3.22  设置页面边距 topmargin, leftmargin, rightmargin, bottomnargin

  <html>

  <head>

  </head>

  <body topmargin=0 leftmargin=20 rightmargin=20 bottomnargin=180>

  </body>

  </html>

3.23  设计正文颜色 text

  <html>

  <head>

  </head>

  <body text=”white”>//设置正文颜色为白色。

  </body>

  </html>

4.11  添加文字

  <body>

  在此处添加文字

  </body>

4.12  添加注释<! -->或<comment>

  <html>

  <head>

  <! --请在此处添加注释>

  </head>

  <body>

  <comment>请在此处添加注释</comment>

  </body>

  </html>

  这两个注释添加到任何地方均不会被网页显示

4.13  添加空格 &nbsp

  <body>

  &nbsp; &nbsp; &nbsp; 

  </body>

  需要多少空格就输入多少&nbsp.

4.14  添加删除线<strike>

  <body>

  <strike>请在此输入需要添加删除线的文字</strike>

  </body>

4.15  插入特殊符号

  <body>

  &amp;......&copy;

  </body>

  插入符号对应的代码就可完成特殊符号的插入

4.21  编辑网页文字样式<font>,<basefont>

  <body>

  <font face=”楷体” size=”6” color=”red”>

  &nbsp;&nbsp;&nbsp;添加的文本

  </font>

  </body>

4.22  设置文字标注标记<ruby>

  <body>

  <ruby>

  当代最可爱的人

  <rt>

  志愿军

  </rt>

  </body>

  利用成对的<ruby><rt>…</rt></ruby>

4.31  简单修饰文字

  <body>

  普通文字显示<br>

  <b>加粗的文字</b><br>

  <i>斜体文字</i><br>

  <u>添加下划线文字</u><br>

  </body>

  利用成对的标记显示

4.32  确定文字上下标<sup>/<sub>

  <body>

  <sup>上标内容</sup><br>

  <sub>下标内容</sub><br>

  </body>

4.33  设置地址文字<address>

  <body>

  <address>地址信息</address>

  </body>

4.34  设置等宽文字<tt><samp><code><kdb>

  <body>

  <tt>打字机风格显示</tt>

  <code>等宽文字设置内容</code>

  <samp>等宽文字设置内容</samp>

  <kdb>键盘输入风格</kdb>

  </body>

4.4  段落<p>

  <body>

  <p>

  段落

  </p>

  </body>

4.41  回车 <br>

  <body>

  要输入现实的文字内容<br>继续输入要显示的内容

  </body>

4.43  预定义格式<pre>

  <body>

  <pre>

  </pre>

  </body>

  此标记在输入过程中按键盘上的回车键,就可以生成一个段落

4.44  居中显示文字<center>

  <body>

  <center>需要对其的内容</center>

  </body>

4.45  设置段落缩进<blockquote>

  <body>

  <blockquote>要所进的内容<blockquote>

  </body>

  利用一对此缩进可以缩进五个字符

4.46  忽略HTML标记<xmp>

  <body>

  <xmp>忽略<br>标记</xmp>

  </body>

  上述例子忽略了HTML的<br>换行标记,将“忽略<br>标记”整体输出。

4.47  插入并设置水平线<br>

  <body>

  <hr width=”100%” size=”1” color=””>

  </body>

  Width 设这水平线宽度,可以是像素,也可以是百分比 

  Size 设置水平线高度

  Noshade 设置水平线无阴影

  Color 设置水平线颜色

  Align 设置水平线居中对齐

5.11  插入定义列表<dl>

  <dl>

  <dt>名称<dd>说明

  <dt>名称<dd>说明

  <dt>名称<dd>说明

  </dl>

  <dt>标记定义了组成列表项名称部分,<dd>用于解释说明<dt>标记定义的项目名称

  此列表项目名称与具体内容没在同一行上.

  

5.12  插入无序列表<ul>     

  <ul>

  <li>项目名称:</li>具体内容               输出内容

  <li>联系人:</li>王增西                      ・联系人:王增西  

  <li>联系地址:</li>北京                     ・联系地址:北京

  </ul>

  此列表项目名称与具体内容在同一行上.

5.13  插入目录列表<dir>                      

  <dir>

  <li>联系人:莫某某</li>

  <li>联系地址:北京</li>

  </dir>

  输出内容

  ・联系人:王增西 

  ・联系地址:北京

5.14  插入菜单列表<menu>

  <menu>

  <li>联系人

  <li>联系地址

  <li>联系地址

  <menu>

  此单列表只需单个标记<li>

5.15 插入有序列表<ol>

  <ol Type=””>

  <li>联系人:莫某某</li>

  <li>联系地址:北京</li>

  <ol>

  默认为数字,此时去掉代码中的”Type=”””

  若为数字则显示为    1.联系人:莫某某

  此列表根据type属性来确定序列名称.

  1表示数字1 2 3 4 .....

  a表示小写字母a b c...

  A表示大写字母

  i表示罗马小写数字

  I表示罗马大写数字

分享到:
评论

相关推荐

    网页、电子相册图片背景上添加文字代码

    ### 网页、电子相册图片背景上添加文字代码 在进行网页设计与开发的过程中,经常需要在图片背景上添加文字,以增加页面的信息量和互动性。无论是用于个人电子相册还是商业网站,这样的功能都非常实用。下面将详细...

    CSS代码实现背景透明而文字不透明

    在网页设计中,有时我们希望实现背景透明但保持文字清晰可见的效果,这在CSS中可以通过多种方式实现。本文将详细讲解如何使用CSS代码来达到这一目标,并确保代码在火狐(Firefox)、360浏览器、谷歌(Chrome)以及IE...

    html5 canvas自动绘制背景图片效果代码

    以上就是关于"html5 canvas自动绘制背景图片效果代码"的知识点详解。通过HTML5 Canvas,我们可以灵活地控制网页的视觉呈现,为用户提供更加生动和个性化的交互体验。无论是简单的背景绘制还是复杂的动画效果,Canvas...

    HTML背景水印效果

    支持图片水印,文字水印,文字水印支持倾斜效果。兼容IE8+

    HTML背景图片文字导出生成图片.zip

    HTML背景图片文字导出生成图片.zip是一个压缩包,包含了实现将HTML页面中的背景图片和文字导出为图片的示例代码。这个功能在许多场景下非常有用,比如网页截图、生成分享图片或自定义海报等。以下是这个项目涉及到的...

    CSS3 SVG文字背景动画.zip

    在压缩包中的"jiaoben181610"可能是一个示例文件,可能包含了一个HTML文件、CSS文件和SVG代码,用于演示如何实现这种文字背景动画。开发者可以通过查看和修改这些文件,学习并自定义自己的CSS3 SVG文字背景动画。 ...

    HTML5 canvas火焰文字动画效果代码.zip

    这个“HTML5 canvas火焰文字动画效果代码”是一个利用canvas实现的创新性示例,展示了如何使用JavaScript来创建动态、引人注目的视觉效果。 在HTML5中,canvas是一个画布,通过JavaScript的API可以在这个画布上进行...

    html5 canvas米字格式手写文字练习代码.zip

    这个“html5 canvas米字格式手写文字练习代码”压缩包提供了一个实例,可以帮助学习者更好地理解和掌握Canvas API的用法,特别是关于文字绘制的部分。 在HTML5中,Canvas是一个二维绘图上下文,通过JavaScript来...

    html5文字粒子动画效果代码.zip

    在实际项目中,"html5文字粒子动画效果代码.zip"可能包含以下文件: - index.html:包含HTML结构,引入CSS和JavaScript文件。 - style.css:定义CSS样式,可能包括文字样式、容器样式以及动画关键帧。 - script.js:...

    文字导航广告代码

    3. **CSS样式修改**:JavaScript可以动态地修改CSS样式,比如改变背景色、文字颜色、字体大小等,以实现动态效果。 4. **动画效果**:可能使用了`setTimeout`或`setInterval`函数来实现过渡动画,使导航菜单在用户...

    javascript经典特效---文字背景特效.rar

    总的来说,"javascript经典特效---文字背景特效.rar"提供的实例是一个很好的学习资源,可以帮助开发者掌握JavaScript在网页动态效果上的应用,尤其是关于文字与背景交互这一方面。通过学习和实践,开发者可以提升...

    可输入文字可选间隔可选背景音乐的HTML文字烟花特效

    在这个特定的项目中,我们关注的是一个基于HTML5的"可输入文字可选间隔可选背景音乐的HTML文字烟花特效"。这个特效将动态的烟花展示与用户交互相结合,为网页增添趣味性和吸引力。 首先,让我们深入了解一下HTML5的...

    HTML特效代码大全完整全收录.pdf

    本资源摘要信息主要介绍了 HTML 特效代码大全,涵盖了多种 HTML 代码的使用方法和效果,包括图像、链接、文字风格、背景音乐、-flash 等多种特效代码。 一、图像相关特效代码 1. 贴图:图片地址"&gt;,用于插入图片,...

    文字导航 js 的代码 和演示

    在这个“文字导航 js 的代码 和演示”中,我们将深入探讨如何使用JavaScript来创建一个动态的文字导航菜单,同时也会涉及到JavaScript在实现广告展示方面的应用。 一、文字导航的构建 1. HTML基础结构:首先,我们...

    html5文字特效canvas画图文字粒子动画效果代码

    HTML5 Canvas的粒子动画技术广泛应用于各种动态效果,如背景动画、用户交互反馈等。这种效果不仅提高了用户体验,也展示了HTML5的强大功能。学习和掌握这项技术,对前端开发者来说是非常有价值的。 总之,...

    html表白用的免费源代码,html5自定义文字生成表白页面

    "love"这个文件名很可能是指压缩包中的主要文件或文件夹,它可能包含着整个表白页面的源代码,或者是一些与爱情相关的图像、音频或视频资源。如果这个文件是一个HTML文件,那么它将直接运行在浏览器上,展示出一个...

    论坛文字广告代码

    总的来说,"论坛文字广告代码"是一个关于如何在论坛环境中利用HTML、CSS和JavaScript创建具有吸引力的广告的技术主题。通过有效的代码设计和优化,论坛可以提升其广告收入,同时为用户提供更丰富的浏览体验。

    jQuery banner背景图片文字动画显示代码

    在本文中,我们将深入探讨如何使用jQuery来创建一个具有动态背景图片和文字动画效果的banner。jQuery是一款广泛使用的JavaScript库,它简化了DOM操作、事件处理以及动画效果的实现,使得网页开发更加高效。 首先,...

    html论坛代码大全很有用

    6. **颜色和背景**:`&lt;span&gt;`配合`style`属性可以改变部分文字的颜色、背景色等。 7. **表格**:`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等标签可以创建简单的数据展示表格。 这些基本的HTML元素在论坛签名中特别常见,用户可以...

    CSS3背景颜色随文字滚动切换代码.zip

    "CSS3背景颜色随文字滚动切换代码"是一个利用CSS3特性实现的独特特效,它能让网页背景颜色随着文字标题的滚动而动态改变,为用户带来独特的浏览体验。 这个特效主要涉及到JavaScript(JS)和CSS3的结合使用。...

Global site tag (gtag.js) - Google Analytics