码迷,mamicode.com
首页 > Web开发 > 详细

相当于是网站扫盲

时间:2020-02-19 00:40:42      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:ace   表示   特殊符号   输入密码   mda   基本   char   nbsp   样式   

基本的常识:

技术图片

技术图片

 


 

 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

技术图片

 

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

 

 


 

相当于是网站扫盲

标签:ace   表示   特殊符号   输入密码   mda   基本   char   nbsp   样式   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!