前段基础知识

前段基础知识前段基础知识1.前端又叫做Web、H5、全栈2.主要应用于:网站、qpp、小程序、公众号3.写页面(浏览器是页面的环境)(1)页面扩展名:html(2)图片:jpg、png、gif4..exe应用程序扩展名5.开发工具(1)记事本(.exe)(2)sublime(3)dream

大家好,欢迎来到IT知识分享网。

前段基础知识

1.前端又叫做Web、H5、全栈

2.主要应用于:网站、qpp、小程序、公众号

3.写页面(浏览器是页面的环境)

 (1)页面扩展名:html

 (2)图片:jpg、png、gif

4..exe 应用程序扩展名

5.开发工具

  (1)记事本(.exe)

  (2)sublime

  (3)dreamwear

 (4)webstom

  (5)hbulider

6.网页是由什么空构成的

  前段基础知识

  title 主题,题目

  Url 是网址

  Body 是网站内容

  Body的内容考代码实现的。

  Html 语言 超文本标记语言

 结构:< 标签名 >

 段落 <p>河北邯郸</p>

    Ctrl+s 保存  ctrl+c 复制  ctrl+v 是粘贴 ctrl+A 全选

 *以后是汉字会出现乱码,因为文字编码不一样,utf-8 是国内的编码

 7.标签

 前段基础知识

 

8.网页骨架

  前段基础知识

  9.常见的标签

   (1)标题标签(6个):h1到h6

   (2)图片 (资源):当地资源、网络资源

            目录:当前目录(./)、上一级目录(../)

                      前段基础知识

                      src属性是图片的路径

                      img标签名

                      Width  height  单位是px

                           前段基础知识

    (3)a(超链接)

                 <a href=””>百度一下</a>

                  a 两个属性  一个是 href  值是需要跳转的页面地址  

       另一个是target跳转页面打开的方式  _blank  _self(默认的)

                       前段基础知识

  备注

   Id 是一种起名方式  id=”zhangsan”  只要使用id起的名字 前面必须加#  #zhangsan

    前段基础知识

10.标签

    (1)双标签html(网页标签)、title(主题)、body(主体标签)、head(头部标签)、

             body(内容)、h1-h6(字体大小标签)、p(段落标签)、a(超链接)、   b(加粗标签)、

             i(倾斜标签)、sub(下标标签)、sup(上标标签)、em(小图标)、div(盒子标签)、

             span(内敛标签)

    (2)单标签<img/>(图片标签)、<hr/>(分割线)、<br/>(换行)、<meta/>(网页元信息)

    (3)Html特有的注释  <!–被注释的内容–>

                前段基础知识

 11.起名方式

    (1)标签名

    (2)id起的,但是使用的时候必须加#

    (3)class类,使用的时候用.

              前段基础知识

     起名的目的就是为了给他添加样式  style  其实也是属性

     属性:代表事物的一些特征,比如 width height color background

        前段基础知识

(1)书写规范 {} 是shift+{ 出来的{}

(2)起名规范:不能用汉字起 ,第一个字母不能是特殊符号, 第一个字母必须是英文字母

12.表格(table)

  前段基础知识

 (1) Border 是决定边框粗细的属性  cellspacing 是单元格空间的属性  cellpadding 是单元格内部的边距的属性。

   (2)  Img插入table

    前段基础知识

             照片底部会出现余白,怎么解决?

            前段基础知识

           colspan  水平合并单元格的个数

           rowspan  垂直合并单元格的个数

           table里套table

 

                         

 

 

 

                                       

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/31037.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信