码迷,mamicode.com
首页 > Web开发 > 详细

html的初识

时间:2014-11-29 00:11:55      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   使用   sp   文件   on   

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

         一.html简单叙述

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

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

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

       二.html基本结构

       bubuko.com,布布扣

             由上面图片所示,新建首先页面顶部会有<!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.注释标签:?<!--   -->

               举例如下:
             
      bubuko.com,布布扣      bubuko.com,布布扣  
 

     四.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
 
      bubuko.com,布布扣

     七.html字体

     1.客户端字体:

         bubuko.com,布布扣 

         bubuko.com,布布扣

          2.物理字体          

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

     八.预定义格式     

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

html的初识

标签:style   blog   http   color   os   使用   sp   文件   on   

原文地址:http://www.cnblogs.com/dyxd/p/4129632.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!