HTML标记

学习完了html之后,感觉有好多东西要记录,好多的知识点呢~

1.meta:设定网页关键字 <meta name="keywords" content="关键字1,关键字2,...">

           设定网页描述信息<meta name="discription" content="网页描述信息">

          设定字符集

          设定网页自动刷新<meta http-equiv="refresh" content="刷新时间">

           设定页面自动跳转<meta http-equiv="refresh" content="刷新间隔时间;url=页面地址">

2.设置网页正文颜色和背景颜色:<body bgcolor="颜色值" text="颜色值">

3.添加网页背景图片:<body background="背景图片的url" bgproperites="fixed">

4.设置网页链接文字颜色:<body link="颜色值" vlink="颜色值" alink="颜色值">

(link表示未访问状态下,vlink表示访问过后的状态下,alink表示正在访问状态下)

5.设置网页边距:<body leftmargin="边距值" rightmargin="边距值" topmargin="边距值" bottommargin="边距值">

6.特殊文字的输入:&nbsq;表示一个半角空格,&amp表示&,等等特殊字符。

7.注释语句:<!-- 注释内容  -->

8.对文字字体的设置:<font face="字体名称" size="字号" color="颜色值">文字内容</font>

9.文字的修饰标记:<b>...</b>:设置粗体格式

                              <u>....</u>:设置下划线

10.标题字设置:<h1>...</h1>

                          <h2>....<.h2>

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

11.段落标记:<p align="对齐方式">段落内容</p>

12.换行标记:<br/>

13.预格式化标记:<pre>...</pre>

14.居中标记:<center>....</center>

15.缩排标记:<blockquot>....</blockquot>

16.水平线标记:<hr/>(width,size水平线高度,align,noshade实心不带阴影,color)

17.有序列表:<ol  type="前导符(1,a,A,i,I)"  start="起始标号位序">

                               <li>列表项一</li>

                               <li>列表项二</li>

                      </ol>

18.无序列表:<ul type="(disc实心圆点,circle空心圆点,square实心方块)" start="">

                                 <li>列表项一</li>

                                 <li>列表项二</li>

                       </ul>

19.定义列表:<dl>

                             <dt>名词一

                                    <dd>解释1</dd>

                                    <dd>解释2</dd>

                            </dt>

                     </dl>

20.嵌套列表:

<ul>

      <li>xxx

          <ol>

               <li>123</li>

               <li>345</li>

           </ol>

       </li>

<ul>

21.插入图片:<img src=“图片文件路径” width="宽度" height="高度">

                        <img src="" title="提示信息" alt="图片替换信息">

                        <img src="" hspace="水平间距" vspace="垂直间距">

                        <img src=""  align="对齐方式">

                        <img src=""  border="边框宽度">

22.滚动字幕:<marquee direction="滚动方向(up,dowm,left,right)"   behavior="滚动行为(scoll往复滚动,slide一次滚动,alternate往返滚动)"  scrollamount="滚动速度值" scrolldelay="延迟时间">滚动文字</marquee>

23.滚动字幕的滚动区域及其背景颜色:<marquee bgcolor="颜色值" width="滚动区域宽度"  height="滚动区域高度">滚动文字</marquee>

24.字幕的滚动区域与周围对象的间距:<marquee hspace="水平间距" vspace=“垂直间距”>滚动文字</marquee>

25.嵌入音频文件:<embed src="file-url"></embed>

    设置背景音乐:<bgsound src="file-url" loop="循环次数">

26.嵌入动画:此处省略一万个字,自己看书去

27.框架:左右分割窗口:<frameset cols="50,*">

              上下分割窗口:<frameset rows="50,*">

              嵌套分割窗口 

28.设置框架窗口:<frame frameborder="1|0|yes|no"    bordercolor="颜色值">

29.框架名称,框架窗口固定大小:<frame name="框架名称" noresize="noresize">

30.框架滚动条:<frame scrolling="auto|no|yes">

31.设置框架边距:<frame marginheight="上下边距" marginwidth="左右边距">

32.不支持框架标记:<noframe>

                                        <body>xxxxx</body>

                                  </noframe>

33.浮动框架:省略。。。。

34.超链接:<a href="目标端点"  target="目标窗口名称">源端点</a>

                   _blank:新窗口打开,_self:同一窗口打开,_parent:上一级窗口打开,_top整个窗口打开

35.超链接链接路径:同一目录,只需输入链接文件名称;下一级目录,需在链接文件名前添加“下一级目录名/”;上一级目录,需在链接文件名前添加"../"。

36.超链接类型:内部链接:<a href="file-url">源端点</a>

                           外部链接:<a href="url">源端点</a>

37.书签链接:创建书签:<a name="书签名">【文字或图片】<a>

                       创建书签链接:同一页面:<a href="#书签名">源端点</a>

                                                其他页面:<a href="file-url#书签名">源端点</a>

38.文本链接:<a href="file-url">文本</a>

    图片链接:<a href="file-url"><img src="img-url" ></a>

39.表格:

<table border="边框宽度" bordercolor="边框颜色"  width="表格宽度"  height="表格高度" align="对齐方式" bgcolor="背景颜色" cellspadding="边距值" cellspacsing="间距值">

   <tr>

      <td>单元格内容<td>

      。。。

   </tr>

</table>

40.表格标题:<caption align="水平对齐方式" valign="垂直对齐方式">表格标题</caption>

41.<tr>标记对表示表格的一行。

<tr height="行高" align="水平对齐方式" valign="垂直对齐方式" bordercolor=“颜色值"  bgcolor="颜色值" >

42.<th>创建表头

43.单元格:<td align="水平对齐方式" valign="垂直对齐方式"  bgcolor="颜色值" bordercolor="颜色值"  backgroud="图片路径"  width="宽度" height="高度">

44.单元格跨行跨列设置:<td rowspan=“所跨行数” colspan="所跨列数">

45.表单标记:<form name="表单名称" method="提交方法" action="处理程序">....</form>

46.输入标记:<input type="元素类型" name=“表单元素名称”>

                     <iput type="text" name="文本框名称">

                      <input type="password" name="密码框名称">

    隐藏域:<input type="hidden" name="域名称" value="域值">

     文件域:   <input type="file" name="域名称">

        单选: <input type="radio" name="域名称" value="域值" checked="checked">

         复选:<input type="checkbox" name="域名称" value="域值" checked="checked">

        提交: <input type="submit" name="按钮名称" value="按钮显示文本" >

 普通按钮: <input type="button" value="按钮显示文本" onclick="javascript函数名" name="按钮名称" >   

重置按钮:<input type="reset" name="按钮名称" value="按钮显示文本">

图像按钮:<input type="image"  name="按钮名称" src="图像路径" width="" height="">

47.列表:

<select name="列表名称" size="显示的选项数目" multiple="multiple">

           <option value="选项值"  selected="selected">选项一</option>

           ........

</select>

48.下拉列表:

<select name="列表名称">

            <option value="选项值" >选项一</option>

           ..........

</select>

49.文本域:

<textarea name="文本区域名称" rows="行数"  cols="字符数">

.......

</textarea>   

 

posted on 2017-09-17 12:47  迪迪菜源  阅读(177)  评论(0编辑  收藏  举报

导航