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

HTML-基础-day01

时间:2017-05-19 18:33:37      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:来源   注释   联想电脑   strong   功能   图片   视觉   对象   height   

    去了某培训班听了第一次课,基础HTLM。

其实之前只知道有html,据说很想大学里的frontpage,然而frontpage也全忘记了。简单了解这是一个标签语言,后面说会和css,卧槽,css是什么?大学里只知道ccs是一个微型量热仪,忽略白成这个样子。第一天的课程,简单,如果这也算代码的话,就贴在下面吧,习惯了java语言的注释方式。从0开始吧。

 

 <html>                         //代码起始  成对出现<htlm/>闭合
    <head>                  //
        <title>我的第一个网页</title>        //网页名称
    
    </head>    

    <body>                  //身体         
        <h1>一级标题</h1>                        //一级标题、默认黑体   <h1> <h1/> 是标题标签
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>无极标题</h5>
        <h6>六级标题</h6>
    
    <hr/>                                //插入一行水平线,切割
    <p>我是第一段</p>                  // 段落标签 主要用于写文档,类似于word里插入text,我是这样理解的         
    <p>我是第二段</p>
    <p>我是第三段</p>
    <hr/>                         

    <ul type="circle">                      //无序标签排列  默认实心圆点 <u1  type="square">,type=""为css脚本,内容前的标签符号
        <li>初级</li>
        <li>中级</li>
        <li>高级</li>
    </ul>
    <hr/>
    <ol type="A">                //有序标签排列   默认1、2、3...  对比无序标签排列
    <li>唐诗三百首</li>
    <li>宋词一百首</li>
    <li>元曲三十首</li>
    </ol>
    <hr/>
    <dl>                     //块级别标签中的描述标签
        <dt>联想电脑</dt>           //描述对象标签
        <dd>处理器:I7  7500U</dd>      //描述具体项
        <dd>内存:</dd>    
        <dd>显卡:GTX 1080</dd>
        <dd>价格:8888¥</dd>
    
    </dl>
    <hr/>
    <img src="http://uploads.cnfla.com/allimg/201606/10-160612164039326.jpg" width="200px" height="200px"> 
    <img src="imag/v先生.JPG" width="200px" height="300px">
              //图片标签(img)格式:  <img src="图片来源址" width="" height=""> 
     </body>
<html>

 

 第一天的感觉就是当你在html中需要实现什么的时候就去找相对应的功能标签,像是组装和拼图一样,对逻辑要求相对低,对视觉和可视化要求相对高。

 

HTML-基础-day01

标签:来源   注释   联想电脑   strong   功能   图片   视觉   对象   height   

原文地址:http://www.cnblogs.com/slowcity/p/6879260.html

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