H T M L 语言.
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
列表
无序列表 <ul><li>...</ul>
<ul> <li>Today <li>Tommorow </ul>
字体颜色
指定颜色 <font color=#> ... </font>
• #=rrggbb 16 进制数码，或者是下列预定义色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
你好吗？<p>很好。
你好吗？ 很好。 换行 <br>
你好吗？<br>很好。
你好吗？ 很好。 不换行<nobr>
<nobr> 请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作 用！ </nobr>
请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标 记的作用！
文字的对齐(Alignment)
字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好！</font> 今天 天气真好！ <font size=6>今天天气真好！</font> 今天天 气真好！
物理字体(Physical Style)
<b>今天天气真好！</b> 今天天气真好！ <i>今天天气真好！</i> 今天天气真好！ <u>今天天气真好！</u> 今天天气真好！ <sup>今天天气真好！</sup> 今天天气真好！ <sub>今天天气真好！</sub> 今天天气真好！ <strike>今天天气真好！</strike> 今天天气真 好！
• #=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<hr color="red">
背景色彩和文字色彩
<body bgcolor=# text=# link=# alink=# vlink=#>
• • • • • • bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
文字的分区(Division)显示 <div align=left> ... </div>
• <div align=left> Can you feel happiness without unpleasant? </div>
<div align=center> ... </div> <div align=right> ... </div>
<hn align=#>...</hn> <p align=#>...</p> #=left, center, right
• <h3 align=center>Hello<\h3> <h3 align=right>Hello<\h3>
<center>...</center>
• <center>Hello</center>
字体(FONT)标记
标题字体(Header) <h#> ... </h#> #=1, 2, 3, 4, 5, 6 <h1>今天天气真好！</h1> 今天天气真好！ <h2>今天天气真好！</h2> 今天天气真好！ <hn>---</hn> 这些标记显示黑体字。 <hn>---</hn> 这些标记自动插入一个空行，不 必用 <p> 标记再加空行。 因此在一行中无法使用不同大小的字体。
• 锚点 <a name="name"> ... </a> <a href="#name"> ... </a>
链接(Link) 基本语法
开一个新的(浏览器)窗口 (Target Window) <a href="URL" target="Window_Name"> ... </a>
<a href="window.html" target="window_name"> 开一个新窗口! </a>
标尺线
<hr> <hr size=#> <hr size=10> <hr width=#> <hr width=50> <hr width=50%>
<hr align=#> #=left, right <hr width=50% align=left> <hr width=50% align=right> <hr color=#>
背景图象 <body background="image-URL"> Non Scrolling Baidu Nhomakorabeaackground <body bgproperties=FIXED>
链接(Link) 基本语法
<a href="URL"> ... </a> 这是一个 <a href=“link.html”>链接的例子</a>。
H T M L 语 言
网页制作系列教程
HTML文件结构(Document Structures)
<HTML> <HEAD> <TITLE>……<TITLE> <META http-equiv=content-type content=“text/html; charset=gb2312”> </HEAD> <BODY>网页正文</BODY> </HTML>
<font color=ffffff>White</font> <font color=white>White</font>
字符实体(Entities)
& & < < > > quot; "
文字布局(TEXT STYLE)
行的控制 段(Paragraph) (可以看作是空行) <p>