常见html标记举例

///////////************实验一**************///////////


实验一

实验内容一<hn>标记的使用






Chris''s First Homepage
               
My profile


第2章 HTML语言基础


   

2.1 设定文字大小、颜色与字型


   

2.2.1 文字的大小设定




字体color属性 :本行文字为宋体,5号字体,红色 


实验内容二 有序列表的使用

文学园地


目录

                                                  
     
  1. 古典文学
  2.                               
       
    1. 西游记
    2. 三国演义
          
     
  3. 武侠天地
  4.                               
       
    1. 寻秦记
                               
     
  5. 现代文学
  6.                               
     
  7. 科幻文学
  8.                               
     
  9. 创作园地
  10.                               



 

///////////************实验二**************///////////



实验一 (续)



第二个实验内容:图像与超链接


图片标记的使用 
页内链接 
页面链接 


图片标记的使用



1 设置图片的水平对齐方式

这是张图片局左


局中


局右




2 设置图片与同一行文本间的垂直对齐
顶部对齐
中央对齐
底部对齐 




3 设置文本环绕图片 设定图形的外框   把文本排到图像下面

这是张图片


   利用〈img〉标记align属性的left和right属性值,可以实现文本环绕图片。
Align=left   图片居左,文本在图片的右边 ;Align=right  图片居右,文本在图片的左边。
如果想取消文本环绕图片,可使用〈br clear=left或right或all〉,其后的文本将不再环绕图片。而是在图像的下面另起一行。

页内链接如上

页面链接使用


友好网站


新品预告


精品回廓


答用户问


返回目录 联系我们


你可能感兴趣的:(常见html标记举例)