互联网前端设计知识点(1)

目录

  1.HTML的介绍

  2.HTML的标签(上)

        2.1HTML的排版标签

         2.2HTML的字体标签


  1.HTML的介绍

        1>HTML的全称是"HyperText Markup Language",超文本标记语言

        2>HTML是一门语言(后面会涉及DHTML、CSS、JavaScript、XHTML、XML,其中HTML、XHML、XML、JavaScript是程序语言,CSS和DHTML都不是一门语言

        3>HTML是最基础的网页语言,并且HTML标签不区分大小写;HTML标签是可以嵌套的,但是不可以交叉嵌套。

        4>HTML的基本格式:

       ❶HTML的代码都是由标签组成,并且标签一般是成对存在的,但是也有单个存在的                

       ❷HTML的前后标签的内容是差不多的,只是结束标签比开始标签多了一个“/”

       ❸ HTML内部的具体结构:

 <html>

      <head>
    head的作用:1.存放在head中的内容会优先加载,加载顺序:从上到下,从左到右
                2.存放属性信息或者辅助性信息
                    属性信息:头部内容;辅助性信息:编码,utf-8编码
                3.引入外部文件(.css .js)
    </head>   

      <body>
        body作用:存放真正显示给用户的信息
    </body>

</html>        

2.HTML的标签(上)

        2.1HTML的排版标签

                ❶<!--  --> :注释标签,标签里面的内容不会翻译到网页上

                ❷<p></p> :段落标签;

                                  标签属性:align(对齐方式),align的取值:center、left、right、justify

                ❸<br/> :换行,注意“/”所在的位置

                ❹<hr/>:水平线标签(单独的标签单写成<hr>也不算错,最好写全)

                                   标签属性:ⅰ.color 颜色属性;取值方式:

                                                                                1、“颜色的英文名称加引号”;                                                                                                             2.“#”+六位十六进制数。例如:#aabbcc;

                                                      ⅱ.width/height宽度、高度属性;取值方式:

                                                                                  1.绝对值:xx px(像素)

                                                                                  2.相对值,随着屏幕变化:编写百分比

               ❺<div></div>在网页上声明一块区域,默认后面有换行;<div></div>标签是块级元素

               ❻<span></span>在网页上声明一块区域,默认在一行;<span></span>是行内元素

                        ★考点:行内元素和块级元素:

具有代表性的 行内元素:<span></span><br/> 、 <img>、<input> 、<a>、<b>、<i>;    

具有代表性的 块级元素:<div></div>、<th>、<td>、<ol>、<ul>、<hr>、<tr>、<h>

         2.2HTML的字体标签

                     ❶最正宗的字体标签:<font></font>

                                      标签属性:1.color:颜色         取值方式:同上

                                                     ★ 2.size:字号大小   取值方式:

                                                         普通的取值方式:"1-7"("1"最小,"7"最大,默认值为“3”);

                                  ★★★(易考)其他特殊的写法:1.<font size=“+n”>:默认字体+n,直到7,超过7的时候按照7算。    2.<font size="-n">:默认字体-n,直到减到1,小于1的时候按照1算

                                                        3.face:字体类型;  取值方式:引号+字体类型,如“隶书”“new times roman”

                 ★❷标题标签:<h1~6></h1~6>(容易和font size混淆); 这里<h1>最大,<h6>最小

                    ❸加粗标签 :<b></b>
                    ❹斜体标签:<i></i>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值