首页 > Web开发 > 详细

相当于是网站扫盲

时间:2020-02-19 00:41:58      阅读:55      评论:0      收藏:0      [点我收藏+]

基本的常识:

技术分享图片

技术分享图片

 


 

 HTML的基本格式:

  <!doctype html>

  <html>

      <meta charset="utf-8">

      <title></title>

  <?head>

  <body>

  stuff

  </body>

  <?html>

 


 

我们都找到,一个网页需要以下三个要素:

          html  ————>布局  

          CSS  ————>样式

          JavaScript——>交互

必需要知道的是,纯用HTML同样也能做出一个网页,但是其代码量巨大,且极度繁琐。

使用JavaScript可以进行交互,例如“输入密码”。


 

代码扫盲

技术分享图片技术分享图片

 

加上有些h1的属性,<h1 align="center">    </h1>(位置)


 

 段落:段落之间的距离比一般的行之间要大。

技术分享图片

 

 


 

字体:字体有常用的三个属性     color      size(<=7)       face

技术分享图片

 

 


 

水平线<hr****/>        px代表像素       size代表高度        color      align      noshade

技术分享图片

 

 


 

换行:<br />


 

文本:

技术分享图片

 

 


 

特殊符号:

空格需要用代码表示。

技术分享图片

 


 

div永远占浏览器的一行

span占位的大小就是内容的大小

 技术分享图片

 


无/有序列表

技术分享图片

 

 技术分享图片                  技术分享图片

 

 

 有序列表将ul改为ol       state属性决定开始位置


 

链接:

<a></a>

技术分享图片

 

 


 

图片:

是单标签

技术分享图片

 

 


 

CSS:

技术分享图片

 

 技术分享图片

 

 行列式:技术分享图片

 

 font-size

font-family

技术分享图片

 

一种简易的写法:技术分享图片

 

 


 

相当于是网站扫盲

原文:https://www.cnblogs.com/duzetao/p/12329370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!