1. 文件结构：

    HTML文件的固定结构：

    <html>

        <head>...</head>

        <body>...</body>

    </html>

    html是根标签

    head定义文档头部，包含： title, script, style, link, meta

    body是网页主要内容，包含：h1,h2-h6, p, a, img

2. 认识head标签：

    <head>

        <title>...</title>         网页标题

        <meta>

        <link>

        <style>...</style>

        <script>...</script>

    </head>

3. 语义化：

    明白每个标签的用途（在什么情况下我可以使用这个标签才合理）

        比如，网页上的文章的标题就可以用标题标签，

        网页上的各个栏目的栏目名称也可以使用标题标签。

        文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。

4. 认识body标签：

    <p>段落文本</p>              有三段就放三个<p></p>

    <h1>标题文本</h1>            h1-h6共6个标题分级

    <em>斜体文本（强调）</em>    斜体文本内容

    <strong>粗体文本</strong>    粗体显示文本内容

    <span>单独样式文本</span>    没有语义的，它的应用就是为了 设置单独的格式用的

    <q>引用的文本</q>            引用的文本内容，会自动加上双引号

    <blockquote>大段引用</blockquote>    引用大段的文本内容，文本前后会加上缩进

    <br/>                        换行

    <hr/>                        水平横线

    &nbsp;                       空格

    <address>地址信息</address>  地址信息，通常用于公司地址显示

    <code>代码内容</code>        代码，通常是一行内

    <pre>多行代码</pre>          多行代码,你需要在网页中预显示格式时都可以使用它

    <ul>                         ul-li 列表信息，以圆点显示

      <li>信息1</li>

      <li>信息2</li>

       ......

    </ul>

    <ol>                         ol-li 列表信息，带上序号

       <li>信息</li>

       <li>信息</li>

       ......

    </ol>

    <div>排版内容<div>           排版中使用，相当于一个容器

                                 确定逻辑部分：逻辑部分是页面上相互关联的一组元素，如栏目版块

    <div id="版块名称">…</div>  div 带上ID号，使之更清晰

    <table>表格内容</table>      创建表格

        <caption>标题文本</caption>         为表格添加标题文本

        <tbody>...</tbody>       若加此标签后，表格会一次性显示出来（而非网页加载一点显示一点）

        <tr>表格一行</tr>        表格中的一行

        <td>表格单元格</td>      表格中的一个单元格

        <th>表格表头</th>        表格头部的一个单元格，表格表头

    <table summary="表格摘要">...</table>    为表格添加摘要，但不会被浏览器显示出来

    <a href="目标网址" title="鼠标滑过时显示文本">链接显示文本</a>    链接标签

        target="_blank"           网页将在新窗口中打开

        mailto:                   网页中邮件地址，可带多个参数

            mailto: 邮箱地址

            cc=     抄送地址

            bcc=    密抄地址

            ;       多个邮箱地址

            subject=邮件主题

            body=   邮件内容

        完整举例: <a href="mailto:yy@sf.com ?cc=aa@sf.com &bcc=bb@sf.com &subject=主题 &body=邮件内容">发送邮件</a>

    <img scr="图片地址" alt="下载失败时替换文本" title="提示文本" />

5. 与用户交互：

    语法：

        <form method="传送方式" action="服务器文件"></form>

    举例：

        <form    method="post"   action="save.php">

            <label for="username">用户名:</label>

            <input type="text" name="username" />

            <label for="pass">密码:</label>

            <input type="password" name="pass" />

        </form>

    表单控件：

        文本框、文本域、按钮、单选框、复选框

    method:

        post/get

    1. 文本框（文本/密码）

        <form>

           <input type="text/password" name="名称" value="文本" />

        </form>

        type：有“text”和“password”两种类型

        name：为文本框命名，方便后台ASP和PHP使用

        value：文本框默认值，一般起提示作用

    2. 文本域（多行文本）

        <textarea rows="行数" cols="列数">默认文本内容</textarea>

        cols：多行输入域的列数

        rows：多行输入域的行数

    3. 单选框、复选框

        <input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

        type：radio单选，checkbox复选框

        value：提交数据到服务器的值，后台PHP处理使用

        name：为控件命名，以备后台程序ASP和PHP使用

        checked：checked="checked"时，此选项默认被选中

        注意：同一组的单选按钮，name取值一定要一致

    4. 下拉列表框

        <form action="save.php" method="post" >

            <label>爱好:</label>

            <select multiple="multiple">

              <label for="book>看书</label>

              <option value="看书" id="book">看书</option>

              <option value="旅游">旅游</option>

              <option value="运动">运动</option>

              <option value="购物">购物</option>

            </select>

            <input   type="submit"   value="提交">

            <input   type="reset"    value="重置"  />

        </form>

        value：向服务器提交值

        selected：设置selected="selected"时，默认选中

        multiple：multiple="multiple"时，可以使用Ctrl多选，但很丑

        label：为了改进鼠标易用性，鼠标点击文本时，选择上Radio

HTML 基础 1的更多相关文章

  1. java基础集合经典训练题

    第一题:要求产生10个随机的字符串,每一个字符串互相不重复,每一个字符串中组成的字符(a-zA-Z0-9)也不相同,每个字符串长度为10; 分析:*1.看到这个题目,或许你脑海中会想到很多方法,比如判 ...

  2. node-webkit 环境搭建与基础demo

    首先去github上面下载(地址),具体更具自己的系统,我的是windows,这里只给出windows的做法 下载windows x64版本 下载之后解压,得到以下东西 为了方便,我们直接在这个目录中 ...

  3. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. Golang， 以17个简短代码片段，切底弄懂 channel 基础

    (原创出处为本博客:http://www.cnblogs.com/linguanh/) 前序: 因为打算自己搞个基于Golang的IM服务器,所以复习了下之前一直没怎么使用的协程.管道等高并发编程知识 ...

  5. [C#] C# 基础回顾 - 匿名方法

    C# 基础回顾 - 匿名方法 目录 简介 匿名方法的参数使用范围 委托示例 简介 在 C# 2.0 之前的版本中,我们创建委托的唯一形式 -- 命名方法. 而 C# 2.0 -- 引进了匿名方法,在 ...

  6. HTTPS 互联网世界的安全基础

    近一年公司在努力推进全站的 HTTPS 化,作为负责应用系统的我们,在配合这个趋势的过程中,顺便也就想去搞清楚 HTTP 后面的这个 S 到底是个什么含义?有什么作用?带来了哪些影响?毕竟以前也就只是 ...

  7. Swift与C#的基础语法比较

    背景: 这两天不小心看了一下Swift的基础语法,感觉既然看了,还是写一下笔记,留个痕迹~ 总体而言,感觉Swift是一种前后端多种语言混合的产物~~~ 做为一名.NET阵营人士,少少多多总喜欢通过对 ...

  8. .NetCore MVC中的路由（1）路由配置基础

    .NetCore MVC中的路由(1)路由配置基础 0x00 路由在MVC中起到的作用 前段时间一直忙于别的事情,终于搞定了继续学习.NetCore.这次学习的主题是MVC中的路由.路由是所有MVC框 ...

  9. .NET基础拾遗（5）多线程开发基础

    Index : (1)类型语法.内存管理和垃圾回收基础 (2)面向对象的实现和异常的处理基础 (3)字符串.集合与流 (4)委托.事件.反射与特性 (5)多线程开发基础 (6)ADO.NET与数据库开 ...

  10. .NET 基础 一步步 一幕幕[面向对象之方法、方法的重载、方法的重写、方法的递归]

    方法.方法的重载.方法的重写.方法的递归 方法: 将一堆代码进行重用的一种机制. 语法: [访问修饰符] 返回类型 <方法名>(参数列表){ 方法主体: } 返回值类型:如果不需要写返回值 ...

随机推荐

  1. WPF拖动总结[转载]

    WPF拖动总结   这篇博文总结下WPF中的拖动,文章内容主要包括: 1.拖动窗口 2.拖动控件 Using Visual Studio 2.1thumb控件 2.2Drag.Drop(不连续,没有中 ...

  2. yarn状态机的可视化

    YARN为了实现多个状态机的对象,控制ResourceManager中间RMAppImpl.RMApp-AttemptImpl.RMContainerImpl和RMNodeImpl,NodeManag ...

  3. [AC自动机][HDU3065]

    //====================== // HDU 2222 // 求目标串中出现了几个模式串 //输入 //1 //5 //she //he //say //shr //her //ya ...

  4. window服务创建

    第一步:创建服务 第二步:在Service1.cs视图中 右键 选择”添加安装程序” 这里要注意几个细节 设置上面的属性 这两个分别有属性,具体网上查使用方式 3 实例代码编写 主要下面几个方法 pr ...

  5. 那些 Cynthia 教我的事 之 PMSec (三)

    在项目中,聪明的Jenny童鞋提了一个suggestion,即将同一个店同一人提交的请求,经过上级批准之后,邮件内容需要合并. 非常滴合理有木有~~ 提交十个申请,将收到十封邮件,的确不友好哦.可是由 ...

  6. HttpApplication事件执行顺序（转）

    HttpApplication 类的实例(Global继承自该类)是在 ASP.NET 基础结构中创建的,而不是由用户直接创建的.HttpApplication 类的一个实例在其生存期内被用于处理多个 ...

  7. RabbitMQ消息队列安装和配置以及推送消息

    好久没有写了,最近项目用到RabbitMQ,找了一些资料试验,最后终于成功了,把安装配置的步骤分享给大家. 一.Erlang安装具体过程: 1.双击otp_win32_R16801.exe(不同版本可 ...

  8. npm创建和发布模块

    今天项目需要使用npm去创建一个模块,然后我查询了了npm的使用文档(Working with private modules),然后对其进行了整理. 一.在操作之前,我们首先要将npm装好,并且登录 ...

  9. Sql语句之查询所有学生所有科目分数及总分

    昨天练Sql语句,数据库建了四个表分别是,学生表,课程表,成绩表以及教师表(教师表不在讨论范围),突然想到以前高中时代老师手上的那张成绩表,然后我就寻思着能不能用Sql语句把表打印出来,以下是我的思考 ...

  10. UIImageView~动画播放的内存优化

    我目前学到的知识,播放动画的步骤就是下面的几个步骤,把照片资源放到数组里面,通过动画animationImage加载数组,设置动画播放的 时间和次数完成播放. 后来通过看一些视频了解到:当需要播放多个 ...