前端开发html/css 基础知识整理

 html5,css css3 bootatarp4 ,这些前端基本知识

今天从html5开始大概梳理一下;

html:是一种创建网页语言的标准标记语言。

文件结构;



...
...
:声明,这是html什么版本写的。
:是根标签。

head:定义文章头部!包含:style,meta,link,title,script·····

body:网页的主要内容。包含:h1—h6,p,a,span,img,i等标签。

综合使用;




  这是头部


这是h标签

这是一个p标签

这是一个a标签,链接

语义化:明白每个标签的用处,比如 只是一个标题 就用h标签,需要插入图片用img...

认识body标签;

段落文本

          有几段就放几个p

标题标签

       h1—h6共6个标题分级

斜体 斜体文本(强调斜体文本)           斜体(仅仅表示斜体)

粗体粗体文本(加重语气)             粗体(只表示这是一个加粗的文本)

定义下标字 定义下标文本 比如 :100元  “其中的“元”就好比在html中加了字体下标”

定义上标字定义上标文本 和用法一样 只不过是作用于上方 好比数字中的平方。

单独样式文本     没有语义的 一般作用于某个样式的其中一处 给它单独设置样式。


  换行符


水平横线

链接  这是一个链接 ,其中“#”为网站地址、文本、图片、图标都可以的’,"title=xx"鼠标经过时显示的文本。“target=_blank”会在点击这个链接时打开一个新的网页来显示。

例子;




  链接


百度

img标签;

图片加载失败替换文字

三个列表 :ul(无序列表)                     ol(有序列表)                            dl(自定义列表)

           

                                         
                                                           

    1. 内容以圆点显示
    2.                
    3. 以123排列
    4.                                  

                   

                                                                                      
....

                                                                                                                       

div:块级元素,定义文档中的分区。

.....

class/id  定义div样式 

div中可以加很多样式:h1,p,img,a,......




你可能感兴趣的:(前端开发html/css 基础知识整理)