美文网首页
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