• 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占格。

        

    Why do you work so hard? Because the things I want to buy are expensive and the places I want to go are far away. The person I like is very excellent.
  • 相关阅读:
    10年学到的编程经验总结
    高效阅读源代码指南
    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
    如何用git将项目代码上传到github
    关于[].slice.call(arguments, 1) 的思考
    前端笔试题(一)
    2017年第一波JavaScript前端面试题
    2017前端面试题之综合篇(1)
    2017前端面试题之Js篇(1)
    前后端分离后各自职责
  • 原文地址:https://www.cnblogs.com/liufuyuan/p/10177616.html
Copyright © 2020-2023  润新知