美文网首页
HTML学习(一):基础

HTML学习(一):基础

作者: 翻炒吧蛋滚饭 | 来源:发表于2016-03-20 15:23 被阅读88次

    前言

    总想学一些前端的知识,做iOS和H5的混合开发,在大学的时候也会一些前端基础,所以在离职这一段时间的空闲的时候,想把这些知识加深下,但总觉得前端的知识太散了。
    最近朋友来北京参加H5的培训,我告诉他全栈开发的话,会很吃香,尤其是前后都会的这种,他问我学什么比较好,我就推荐了PHP,最近他学校也不怎么方便上网,所以想让我找一些视频资料给他,我就在淘宝买了份传智播客的视频给他看。
    然后我这边想了想,如果我继续钻研H5的话,我会的还是iOS+H5,说白了自己搞得还是前端和客户端这一套,所以自己还是比较想学一些后端的知识,Java之前也学过,但还是觉得Java太过臃肿了,所以还是学习PHP吧。
    学这个不是为了以后转行或什么的,只为了自己的爱好、兴趣,为了做出自己的服务器、客户端、网页,毕竟只会iOS客户端太局限了。
    那么我会一直记录下我学习中的要点的。

    一、HTML结构

    首先需要学校的就是HTML的结构了

    <!-- 正宗的H5结构 -->
    <!Doctype html>
    <html>
        <head>
            <meta charset="UTF-8" />
        </head>
    
        <body>
            <font>第一个页面哈哈</font>
        </body>
    </html>
    

    首先,HTML语言都是由各种标签组成的,标签包含双边标签、单边标签
    在标签中也可以为标签添加一些属性。

    Body的属性

    <body>标签可以有bgcolor:背景色background:背景图片等属性

    二、字体修饰标签

    1、粗体bold

    <b></b>
    

    当然在<title>中设置是无效的

    <title><b>我的网页</b></title>
    

    如下代码的显示效果是这样的


    Paste_Image.png

    2、斜体italic

    <i></i>
    

    3、下划线underline

    <u></u>
    

    4、删除线strike

    <s></s>
    

    5、上标下标

    <sub>下标</sub>
    <sup>上标<sup>
    

    如下代码可实现的效果

    <font size="7">a<sup>2</sup>+b<sub>2</sub>=10</font>
    
    Paste_Image.png

    6、字体font

    <li>Size:文本大小
    <li>Color:颜色
    <li>Face:字体,黑体、宋体等

    相关文章

      网友评论

          本文标题:HTML学习(一):基础

          本文链接:https://www.haomeiwen.com/subject/hdxklttx.html