HTML学习笔记Day1

一、网站建设流程

  1.注册域名(网址)

  2.租用空间(服务器)

  3.网站建设

    (1)确定网站主题(项目)

    (2)搜集材料(项目)

    (3)规划网站(UI)

    (4)制作页面(前端--后端)

  4.网络推广

  5.网站维护(与UI、前端、后台、测试都相关)

二、Web的构成

  1.结构:XHTML、XML、HTML5(W3C规定了表现标准)

  2.表现:CSS渲染(W3C规定了表现标准)

  3.行为:DOM,BOM,ECMAScript(欧洲计算机制造商协会,规定了行为标准)

三、HTML5基础

  1.HTML是超文本标记语言(Hyper Text Markup Language)(语义)

  2.1999年(W3C)html4.01出现分歧:

             1) XHTML:语法更为严谨;

             2) HTML5:功能增加,更贴近市场;

   2008年HTML5、XHTML2.0合并,并在2014年得到推广。

  3.HTML5结构:

        <!DOCTYPE html><!--声明文档类型-->
        <html lang="en"><!--当前文档显示语言-->
          <head>
            <meta charset="UTF-8"><!--设置字符编码格式-->
            <title>Document</title><!--页面标题-->
          </head>
          <body>
          </body>
        </html>

  4.HTML语法:

    常规类标记语法:<标记名 属性=“属性值”></标记>

    单标记语法:<标记名 属性=“属性值”>

  5.标记元素:

    <h1></h1>一级标题

    <sup></sup>上标记

    <sub></sub>下标记

    <p></p>段落,表示一段叙述性文本

    字符实体:

      &nbsp;空格  &gt;右尖角号  &lt;左尖角号  &copy;备案图标版权

    列表:

      无序列表

      <ul>

        <li></li>

      </ul>

      有序列表

      <ol>

        <li></li>

      </ol>

      自定义列表

      <dl>

        <dt></dt>

        <dd></dd>

      </dl>

    <a href="相对路径"></a>超链接  属性:target;属性值:_self默认值;_blank在新窗口打开目标路径;属性:title(代表提示信息特指超链接中)

    <img src="相对路径及全称" alt=“文本替换图片”>插入图片 属性:title(图片的名称提示信息)

  6.表格

    1)表格的作用:显示数据

    2)表格内属性:

      width:宽度

      height:高度

      bgcolor:背景颜色

      cellspacing:每个单元格之间的间距

      cellpadding:内容距离单元格之间的间距

      align:水平居中

    3)表格中单元格的合并:合并行rowspan=“”;和并列colspan=“”;

    4)表格内若无内容,要加&nbsp占格。

 

    

posted @ 2018-12-26 21:56  元哥0317  阅读(112)  评论(0编辑  收藏  举报