今天我们学习了Html语言，感觉学习这个是我期望很久的啦，之前在百度上面也看过html教程，但是看过之后也忘记啦，太多需要记忆的，所以也没记得什么啦。甚是遗憾啊，总感觉html需要学习好多东西啦的，但是今天我们只是了解一下，简单的学习了主要的标签吧。而且我们是学习.net的，所以只是认识些html其中的语法吧。好啦，下面总结下我今天学习的html基础知识吧。

一.html简单叙述

1.html语言是超文本标记语言，不区分大小写，页面包括“格式标签”和“页面内容”；

2.网页文件格式：扩展名可以是.html或者.htm,这两个格式主要是浏览器兼容的问题吧；

3.学习html主要用的工具可以是记事本，NotePad++，EdiPlus或者在VS中直接编写等等。

二.html基本结构

由上面图片所示，新建首先页面顶部会有<!DOCTYPE HTML>开头，这个是html5版本的写法，最大方面说，<html></html>他是最大的标签，用于存放html语句，然后会有<head></head>,这个是页面头部，里面一般会有一个<title></title>标签，用于显示页面的标题，上图中在html标签中会有一个标签是<body></body>,就是在这个标签里面显示网页内容。这就是在html中最基本的几个标签。

三.在body标签中添加一些基本标签

1.段落标签：<p></p>；

2.空格标签：&bsp；

3.标题标签：—<h#>: #=1~6 ；

4.图片标签：<img src=“…” />（src为图片路径）；

5.注释标签：—<!--   -->

               举例如下：
             
              
 

四.html文档格式标签

—           1.标题标签<h#></h#>
        2.标题的重要性(搜索的问题)浏览器会在标题前后添加空行
—           HTML水平线：<hr />；
—           HTML拆行: <br />；
           —HTML中的特殊符号；◦>(&gt)、<(&lt)、&(&amp)、空格(&nbsp)。

五.html属性

—            表现各标签的特征，<img>中的src即为属性。属性都是以“属性名 = 值”的形式出现，属性的值建议用引号括起来，属性建议均以键值对的形式括起来，一个标签可有多个属性，用空格分开。
     六.html图像和标尺线
         <img src=“URL” />
                  1.alt属性(显示图片内容)

            2.—border属性(图片外侧相框宽度,默认像素)
—            3.width属性
            4.—height属性
            5.相对路径

              标尺线—常见属性：◦size、width、align(left,right,center)、noshade、color
 

七.html字体

1.客户端字体：

2.物理字体

—                     <b> 定义粗体文本
—              <i> 定义意大利斜体
              —<tt> 定义打字机文本(等宽)
—              <u> 定义下划线文本
—              <sup>、<sub> 定义上下标
—              <s> 定义加删除线的文本
           3.逻辑字体
            

八.预定义格式

              —预定义格式文本：<pre></pre>，通常保留空格和换行，文本以等宽字体呈现
         常见的应用就是表示计算机源码，与<code>一起使用，以获得更加精确的语义，不建议使用Tab(默认4个空格,有的默认8个空格)(兼容问题)
 
             
     九.html链接
      
 
 
             举例如下：
                
 
        十.html表格
         语法以及属性如下：  
          
       举例如下：
      
       好啦，今天的总结就写到这里啦，东西好碎啊感觉，好多需要记忆的东西啊，不过我们作为程序员，就不需要掌握太多啦，但是基本的还是要我们掌握的啦，嘿嘿，认识了html，感觉蛮兴奋地，终于可以看懂静态页面拉，哇咔咔···
 
 

html的初识的更多相关文章

  1. Android动画效果之初识Property Animation（属性动画）

    前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...

  2. 初识Hadoop

    第一部分:              初识Hadoop 一.             谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...

  3. python学习笔记（基础四：模块初识、pyc和PyCodeObject是什么）

    一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...

  4. 初识IOS,Label控件的应用。

    初识IOS,Label控件的应用. // // ViewController.m // Gua.test // // Created by 郭美男 on 16/5/31. // Copyright © ...

  5. UI篇（初识君面）

    我们的APP要想吸引用户,就要把UI(脸蛋)搞漂亮一点.毕竟好的外貌是增进人际关系的第一步,我们程序员看到一个APP时,第一眼就是看这个软件的功能,不去关心界面是否漂亮,看到好的程序会说"我 ...

  6. Python导出Excel为Lua/Json/Xml实例教程（一）：初识Python

    Python导出Excel为Lua/Json/Xml实例教程(一):初识Python 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出 ...

  7. 初识SpringMvc

    初识SpringMvc springMvc简介:SpringMVC也叫Spring Web mvc,属于表现层的框架.Spring MVC是Spring框架的一部分,是在Spring3.0后发布的 s ...

  8. 初识redis数据类型

    初识redis数据类型 1.String(字符串) string是redis最基本的类型,一个key对应一个value. string类型是二进制安全的.意思是redis的string可以包含任何数据 ...

  9. Redis初识、设计思想与一些学习资源推荐

    一.Redis简介 1.什么是Redis Redis 是一个开源的使用ANSI C 语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value 数据库,并提供多种语言的API.从2010 年 ...

  10. MongoDB【第一篇】MongodDB初识

    NoSQL介绍 一.NoSQL简介 NoSQL,全称是”Not Only Sql”,指的是非关系型的数据库. 非关系型数据库主要有这些特点:非关系型的.分布式的.开源的.水平可扩展的. 原始的目的是为 ...

随机推荐

  1. 多核CPU上python多线程并行的一个假象

    GIL 与 Python 线程的纠葛 GIL 是什么东西?它对我们的 python 程序会产生什么样的影响?我们先来看一个问题.运行下面这段 python 程序,CPU 占用率是多少? # 请勿在工作 ...

  2. DataTable 字段值为空的时候报错的解决

    在使用Datatable的时候,后台返回给前台的值会有空的时候,而这个时候,前台会报错,这里讲防治方法: $('#datatable1').DataTable( { ajax: { "url ...

  3. jacky自问自答-数据库

    1.exists和in有什么区别? EXISTS用于检查子查询是否至少会返回一行数据,该子查询实际上并不返回任何数据,而是返回值True或False,而In子查询则是返回具体的数据值,与指定的字段比较 ...

  4. nodejs 模块以及加载机制，主要讨论找不到模块的问题

    最主要的一个思想,加载模块无非就是找到模块在哪,只要清楚了模块的位置以及模块加载的逻辑那么找不到模块的问题就迎刃而解了.本文只是综合了自己所学的知识点进行总结,难免出现理解错误的地方,请见谅. nod ...

  5. 专题实验 Statspack & 9大动态视图

    statspack 是一个DBA经常用的调优工具, 它的主要作用是, 针对数据库的不同时刻做快照, 然后来比对快照之前的差异和瓶颈, 快照可以是手动的也可以是自动的, 从 oracle 10g开始, ...

  6. flume-kafka-storm日志处理经验

    转自:http://www.aboutyun.com/thread-9216-1-1.html 使用Storm处理事务型实时计算需求时的几处难点: http://blog.sina.com.cn/s/ ...

  7. ROS 教程之 network：多台计算机之间网络通信(2)

    在上一篇文章中我们已经搭建好了两台计算机间通信的条件,但是每次都需要在新的终端里输入一长串export ROS_MASTER_URI之类的.实际弄起来的时候也不方便,因此在本文中,我们更进一步,简化两 ...

  8. repo 安装

    repo是android用于管理git仓库的工具. 参考链接 http://www.cnblogs.com/xiaoerlang/p/3549156.html mkdir ~/bin export P ...

  9. firefox插件之 vimperator 的使用

    简介: vimperator 是 Firefox浏览器下的一个插件,可以让我们像使用vim 一样使用 firefox浏览器,高效畅快,不用鼠标了.它的官网为:http://www.vimperator ...

  10. erlang的Socket的积压的消息的数量

    转自:http://blog.csdn.net/pkutao/article/details/8572216 {ok, Listen} = gen_tcp:listen(?defPort, [bina ...