HTML快速学习1

    xiaoxiao2026-09-09  6

    网页主要有三部分组成:

    结构(Structure

    表现(Presentation

    行为(Behavior

    对应的标准也分为三个部分:

    结构化标准语言主要包括XHTMLXML

    表现标准语言主要包括CSS

    行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

     

     

    文件名规范:

    必须是小写字母开头,后接下划线、数字等,不可使用中文或特殊字符作为文件名。

     

    HTML指的是超文本标记语言(Hyper Text Markup Language)

    XHTML指可扩展超文本标记语言(标识语言)(Extensible Hyper Text Markup Language)

    HTML5指的是HTML的第五次重大修改(HTML5W3CWHATWG合作的结果)

     

    HTML页面是由标签和属性构成。

     

    HTML5基本结构:

    <!DOCTYPE html>命名文档类型

    <html></html>说明我们写的是标记语言

    <head></head>文件头部

    <title></title>文件标题(显示在状态栏上的内容)

    <meta charset=”utf-8”>编码格式

    <body></body>文件主体(所有要写的内容)

    文件命名规则:用英文,不用中文

    名称全部用小写英文字母、数字、下划线的组合,其中不包含汉子、空格和特殊字符;必须以英文字母开头。

     

    1.<常规标记>

    <标记 属性=“属性值” 属性=“属性值”></标记>

    2.空标记(单标记)

    <标记 属性=“属性值”/>

     

    <u></u>下划线标记,用来为文本加下划线

    <br />空标记,用来设置字体换行

    <hr />空标记,水平线

     

    <span></span>文本结点,可以是某一小段文本,或是某一个字。

     

    HTML中有三种列表,分别是:

    无序列表(ul

    有序列表(ol

    自定义列表(dl

    属性类型:type,(1aAiI<ol type=”a” start=”3”></ol>表示从c开始。如果仅有start,则按数字开始。

    无序列表:

    <ul>

    <li>列表项内容</li>

    <li>列表项内容</li>

    <li>列表项内容</li>

    </ul>

     

    自定义列表:

    <dl>

    <dt>名词</dt>

    <dd>解释</dd>

    </dl>

     

    超链接:

    <a href=”#”></a>空连接。

    <a href=”目标文件路径及全称/连接地址(http://www. baidu.com)” alt=”替换文本” title=”提示文本”>链接文本/图片</a>

    alt是当链接不对或者图片错误无法显示时出现的提示。

    titile是鼠标移动上去之后显示的内容。

     

    插入图像:

    <img src=”目标文件路径及全称” alt=”图片替换文本” title=”图片标题”/>

     

    地址相对路径的写法:

    1.当当前文件与目标文件在同一目录下,直接书写目标文件文件名+扩展名;

    2.当当前文件与目标文件所处的文件夹在同一目录下,写法如下:

    文件夹名/目标文件全称+扩展名;

    3.当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下,写法如下:

    ../目标文件所处文件夹名/目标文件文件名+扩展名;

     

    链接到email

    <a href=”mailto:1525676@163.com”>邮箱</a>

    下载链接:

    <a href=”aa.zip”>文件下载</a>

     

     

    <table>

    <tr>

       <td></td>

    </tr>

    </table>

    注意:一对tr表示一行;一对td表示一列(一个单元格)

    数据表格的相关属性:

    1.width=”表格的宽度”

    2.height=”表格的高度”

    3.border=”表格的边框”

    4.bordercolor=”边框色”

    5.cellspacing=”单元格与单元格之间的间距”

    6.cellpadding=”单元格与内容之间的空隙”

    7.align=”表格对齐方式” 取值:left, right, center,

      valign=”垂直对齐”top/middle/bottom

    8.合并单元格属性:

    合并列:colspan=”所要合并的单元格的列数”

    合并行:rowspan=”所要合并的单元格的行数”

    转载请注明原文地址: https://ju.6miu.com/read-1311914.html
    最新回复(0)