（注：在学习时要养成一个良好的习惯，即每次写完都随手保存，快捷键为ctrl+s。即每次写完都随手点一下ctrl+s。）

html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。

网页的拓展名为html

网页由三大部分构成，分别为title（主题），url（网址）和body（网站内容）。

它的基本结构是<标签名>

它的基本结构骨架为

<html>

　　<head>

　　　　<meta charset="utf-8">

　　　　<title></title>

　　</head>

　　<body>

　　</body>

</html>

其中的utf-8是国内的编码，若不使用，就可能因为文字编码不同，输入文字时出现乱码现象。

标签又分为两种：单（空）标签和双标签

常见双标签有：

标题标签 有6个 从h1到h6

html title head body

p(段落标签）b（加粗标签）style(样式标签）  i （倾斜标签）  sup（上标标签）  sub （下标标签）  a(超链接）

em（小图标的）div （盒子标签）  span （内敛标签） table（表格标签）tr(行标签) td(单元格标签)等···

常见单标签有：

单标签 <img />   <hr/>(分割线)   <br/>(换行)  <meta /> (网页元信息)

特殊：

Html特有的注释  <!--被注释的内容-->

a  超链接

<a href=”网址（路径）”>内容</a>

a有 两个属性  一个是 href  值是需要跳转的页面地址

另一个是target跳转页面打开的方式  _blank  _self(默认的)

img 图片

<img src="../目录名./目录名/图片名"/>

img的属性     是src是图片的路径

起名方式

  1. 标签名
  2. Id起的 但是使用的时候加#
  3. Class 类  但是使用的时候用 .

注意事项：

起名要规范  不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母

起名的目的就是为了给他添加样式  style

html中的如果想改变形式，就要在基本结构骨架的基础上，再添加其它改变形式的代码，如想要添加表格要加<table></table>,想要把字体加粗就要加<b></b>,想要把字体倾斜就要加<i></i>等，

或在标签名或style中添加属性和属性值，（注：有些特殊的只能在标签名中添加）如：

1.

注意事项：

（1）书写规范 { } 是shift+[ 出来 { }

（2）起名规范  不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母

2.（特殊）如表格 table

border 是决定边框粗细的属性  cellspacing 是单元格空间的属性  cellpadding 是单元格内部的边距的属性。

Img插入table中

如果在表格中插入图片时出现有余白，如：

则需要在style中的img中加一组属性vertical-align:middle;

如果想合并单元格时需要在td中加入

colspan  水平合并单元格的个数

rowspan  垂直合并单元格的个数

表格中套表格要在table中再加一组table（注两组table）要用起名方式区分开，不然一旦设置大表格的table时小表格的table数值也会自动被识别和大表格的属性值一样，出现的后果就是表格被撑坏。

html的初了解（更新中···）的更多相关文章

  1. Android开发面试经——4.常见Android进阶笔试题（更新中...）

      Android开发(29)  版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...

  2. 中国.NET：各地微软技术俱乐部汇总(持续更新中...)

    中国.NET:各地微软技术俱乐部汇总(持续更新中...)   本文是转载文,源地址: https://www.cnblogs.com/panchun/p/JLBList.html by ​史记微软. ...

  3. 史上最全的spark面试题——持续更新中

    史上最全的spark面试题——持续更新中 2018年09月09日 16:34:10 为了九亿少女的期待 阅读数 13696更多 分类专栏: Spark 面试题   版权声明:本文为博主原创文章,遵循C ...

  4. 在UPDATE中更新TOP条数据以及UPDATE更新中使用ORDER BY

    正常查询语句中TOP的运用: SELECT TOP 1000 * FROM MP_MemberGrade   随意更新一张表中满足条件的前N条数据: UPDATE TOP (1) MP_Member ...

  5. git常用命令（持续更新中）

    git常用命令(持续更新中) 本地仓库操作git int                                 初始化本地仓库git add .                       ...

  6. Atom使用记录（持续更新中）

    部分内容取自:http://www.jianshu.com/p/dd97cbb3c22d,我自己也在使用,持续更新中 Atom安装插件在窗口中File---Setting---install 在里面进 ...

  7. Pig基础学习【持续更新中】

    *本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.* Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的,可以作为MapR ...

  8. Pig语言基础-【持续更新中】

      ***本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.***   Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的, ...

  9. java视频教程 Java自学视频整理(持续更新中...)

    视频教程,马士兵java视频教程,java视频 1.Java基础视频 <张孝祥JAVA视频教程>完整版[RMVB](东西网) 历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播 ...

  10. 微软承诺将在今年的 Visual C++ 更新中加入 Clang 编译器

    微软最近发布将在2015年11月 Visual C++ 更新中加入 Clang 编译器 ,Clang 开源编译器以相比GCC更快的编译速度和更优的错误提示著称. Clang关于C,C++,及Objec ...

随机推荐

  1. Codeforces Round #402 D String Game(二分)

    [题目类型]二分答案 &题解: 只要你想到二分答案就不是难题了,但我当时确实是想不到. [时间复杂度]\(O(nlogn)\) &代码: #include <cstdio> ...

  2. top结果解释

    top结果解释 top命令功能类似Windows的任务管理器,但不如任务管理器的直观明了,下面对各项内容进行简单介绍. 信息行 top--命令/up-更新时间/users-用户数/load avera ...

  3. 2.匿名类，匿名类对象，private/protected/public关键字、abstract抽象类，抽象方法、final关键字的使用，多线程Thread类start方法原理

    package com.bawei.multithread; //注意:模板方法我们通常使用抽象类或者抽象方法!这里我们为了方便在本类中使用就没有使用抽象类/抽象方法 public class Tem ...

  4. Unity使用协程技术制作倒计时器

    先上效果图 图片资源来自http://www.51miz.com/ 1.素材准备 在http://www.51miz.com/搜索png格式的数字图片,用Unity自带的图集制作工具,进行分割.Con ...

  5. 交替最小二乘ALS

    https://www.cnblogs.com/hxsyl/p/5032691.html http://www.cnblogs.com/skyEva/p/5570098.html 1. 基础回顾 矩阵 ...

  6. [openjudge-搜索]广度优先搜索之鸣人和佐助

    题目描述 描述 佐助被大蛇丸诱骗走了,鸣人在多少时间内能追上他呢?已知一张地图(以二维矩阵的形式表示)以及佐助和鸣人的位置.地图上的每个位置都可以走到,只不过有些位置上有大蛇丸的手下,需要先打败大蛇丸 ...

  7. js中时间戳转换成时间格式

    js中时间戳转换成时间格式, // 时间戳转换成时间格式 var formatDate = function(date){ date = new Date(date); var y=date.getF ...

  8. flask模板应用-消息闪现（flash()）

    消息闪现 flask提供了一个非常有用的flash()函数,它可以用来“闪现”需要提示给用户的消息,比如当用户登录成功后显示“欢迎回来!”.在视图函数调用flash()函数,传入消息内容,flash( ...

  9. Python数据类型深入学习之数字

    一. 数字常量 1. 下面来看看Python的数字常量中都要哪些类型: 数字 常量 129,-89,0 一般整数 9999848499999L,4594646469l 长整型数(无限大小) 1.232 ...

  10. node.js核心技术

    一.知识结构: http模块:配置简单 的web服务,npm/cnpm工具 express框架:express中间件进行服务配置:路由:请求处理: DB服务:学习使用mysql关系型数据库: web接 ...