首页 > 代码库 > HTML-基础-day01

HTML-基础-day01

2024-09-23 11:07:35   216人阅读

　　　　去了某培训班听了第一次课，基础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="http://www.mamicode.com/图片来源址" width="" height=""> 
     </body>
<html>

 

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

 

HTML-基础-day01


联系
我们