HTML—看完轻便入门

HTML—看完轻松入门

概述:

    HTML超文本标记语言(Hyper Text Markup Language),超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

标签元素:

  基本内容:

    HTML—看完轻便入门

  基本元素:

    空元素:<br>
    带有属性的空元素:<hr color="blue">
    带有内容的元素:<title>http://www.makang.com</title>
    带有内容和属性的元素:<font color="red">http://www.makang.com</font>

  对文本内容的控制:

    1.<p align="#">:表示paragraph 作用:创建一个段,属性align表示段的对齐方式,#可以是left、center、right、justify
    2.<br>:表示line break 作用:换行
    3.<hr color="clr">:表示horizontal rule 作用:插入一条水平线,属性color用来指定线的颜色,clr可以是预定义的颜色名字,例如:red、blue、green、black等等,或者以16进制数表示的颜色值,clr=#rrggbb,例如:#ff0000表示红色。
    HTML—看完轻便入门

  对文本的控制:

    1.<center>...</center>:使文本居中显示
    2.<hn align="#">...</hn>:用于指出文档的标题,n是从1到6的整数,1表示最大标题,6表示最小标题;属性align用于设置标题对齐的方式,#可以是left、center、right等。
    3.<font size=n color="clr">...</font>:用于设置字体,属性size表示字体的大小,n可以是从1到7的整数,数字越大,字体越大;属性color表示字体的颜色,clr可以是预定义的颜色名字,或者以16进制数表示的颜色值。
    4.<b>...</b>:使文本成为粗体。
    5.<i>...</i>:使文本成为粗体。
    HTML—看完轻便入门

  列表属性:

    1.创建带数字的列表:<ol>标签中使用start属性,设置起始的序号;<li>标签中使用value属性,改变列表内的编号顺序。
    HTML—看完轻便入门
    2.创建带字符的列表:在<ol>和<li>标签中使用type属性制动标号系统的类型,取值如下:
    HTML—看完轻便入门
    3.创建带有项目符号的列表:在<ol>和<li>标签中使用type属性指定符号的样式,取值如:disc—显示为实心的圆圈、square—显示为实心的方块、circle—显示为空心的圆圈。
    4.创建无符号的列表:<dl>与<dt>无符号列表;<dd>和<dt>缩进的列表。

  表格元素:

    表格定义:<table border=n aligh="#" bgcolor="clr">...</table>
       border —边框的宽度,n为从0开始的整数,没有设置将不显示边框。
       aligh  —表格对齐方式,#可以是left、center或right。
       bgcolor—表格背景颜色,与color属性取值一样。
    <caption>...</caption>:表格标题。
    <tr>:在表格中添加新行,如:<tr align="#" valign="#">..</tr>
    <th>...</th>:定义表头。
    <td>...</td>:定义单元格。

  建立连接的语法:

    1.超链接标签:<a href="URL">...</a>;href用于指定链接的目标,目标地址由URL定位,开始标签<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。
    2.建立图片标签:<img src="URL" width=n height=n>;src指定图像资源的位置,属下width和height用于指定图片的尺寸。
    3.URL相对路径、绝对路径、网址:
      <a href="from.html">表单</a>,当前目录下文件
      <a fref="../from.html">表单</a>,当前文件夹下的文件
      <a href="E:/123/12/table.html">表格</a>,绝对路径文件
      <a href="http://http://blog.csdn.net/makang456">马康CSDN</a>网址链接

  特殊字符元素:字符引用和实体引用

  HTML—看完轻便入门

  <input>元素:

    HTML—看完轻便入门

感受:

   学习了XTML之后,眼界开阔了许多,为下一步学习打下了一个好基础,不过学到的知识还是在以后运用的过程中才能更深入的理解。

版权声明:本文为博主原创文章,未经博主允许不得转载。

1楼u013038643昨天 19:08
总结的很好,实践后印象更深刻