将持续更新……

           一,基础常用标签and属性

  既然要学习这门知识,那必须得先知道这是什么能做什么,HTML:是一种超文本标记语言,什么意思呢,我拆开看一下,超(超链接)文本(犹如TXT)标记(改变成自己想要的样子)语言 ,就好比翻译,电脑很强大,他听不懂人类的语言,人类就创造了HTML,将人类的意思通过HTML传达给电脑来让他实现人类给他的命令,第一版在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时,HTML 3.2——1997年1月14日,W3C推荐标准,HTML 4.0——1997年12月18日,W3C推荐标准,HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准,HTML5 —— 2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成,现在HTML5成为主流将是时间的问题。  

  第一个标签<body>就像身体包含一切内容</body>有这几个比较常用的属性1.bgolor页面背景颜色2.text文字颜色3.topmargin上页边距4.letmargin左页边距5.rightmargin右页边距6.bottomargin下页边距7.background背景壁纸等

  剩下的我直接全部表示出来,因为第一个<body></ody>有点特殊,所以单独一段,下面的标签都包含在这个body里面:

一般标签
一.
  1.<font></font>

  有这几个属性color:文字颜色;face:字体样式;size:字体大小,等这几个比较常用
  2.<a></a>

  超链接可以用于文字图片等,target这个属性有两个选择self是在本窗口打开连接,blank是在新窗口打开链接;
  3.<img />

  插入图片相对路径和绝对路径(这里没搞懂回去查)
  4.<table></table>

  表格有这几个属性width:宽度可以用像素表示例如100px;border:边框一般为0;cellpadding:内容跟单元格边框的边距,常用也是为0;cellspacing:单元格之间的间距常用为0;align:对齐方式;bgcolor:背景色;background:背景图片
  5.<p></p>

  一段文字占用一行自动留空(这东西我感觉比<br />好用)
  6.<br />

  相当于回车语文中表示另起一行
  7.<del></del>

  删除线,老师给拓展的,我觉得可以用于搞怪,有兴趣的可以试一下。
  8.<ul></ul>

  无序列表这个标签里面每行都要加<li></li>
  9.<ol></ol>

  有序列表(这两个区分很简单,有序指1234……ABCD……之类的排列,而无序所有内容前面只有相同的一个符号)这个也要加<li></li>
  10.<tr></tr>

  表格里边的一行,比较常见的属性align:本行的水平对齐方式;valign:本行的垂直对齐方式height:行高bgcolor:背景颜色background:背景图片
  11.<td></td>

  一行每个的单元格colspan="n"这里n代表你想和多少个单元格的数字,这个代表和并同一行的,rowspan="n"这个是合并同一列的。(记住,一定要把消掉的单元格的代码消除)
  12.<th></th>

  这个性质和<td></td>一样,区别在于这个就像是它的升级版因为<th></th>直接是表头,自动剧中加粗。
  13.<u></u>

  下划线
  14.<b></b>

  字体加粗
  15.<i></i>倾斜<em></em>

  这两个都可以
  16.<strong>强壮</strong>

  以后这个代替<b></b>加粗
  17.<sup></sup>

  上标
  18.<sub></sub>

  下标这两个虽然不常用带挺有意思的属于扩展吧
  19.&nbsp;这个是空格,由于免疫空格免疫回车,所以这个代表空格,上面的<br />代表回车,sp是空格的简拼,以后可以这么记牛(n)比(b)空格。
  20.锚点,先做锚点标签<a name=""></a>,然后做锚点链接<a href="目标链接的name的值"></a>

  暂时我就找到这些我认为比较常用的标签,里面的解释带有我自己的理解,也算是给基础做了个笔记。

  这样,第一课就完事了,这些标签得自己去试一下,每个人的理解不一样所以要自己用过才知道到底是什么东西,恩,就酱,拜~

                                                                  

                                                              君陌丶

<HTML>菜鸟入门基础须知的更多相关文章

  1. js中的执行上下文,菜鸟入门基础。

    console.log(a); //Uncaught ReferenceError: a is not defined 因为没有定义a所以报错了. var a = 52; console.log(a) ...

  2. js简单日期获取( 菜鸟入门基础)

    关于js日期的获取要用到最基本的Date()方法获取当日的日期 var d =new Date();  //定义日期对象 var y=d.getFullYear();   //获取年 var m=d. ...

  3. Hadoop学习笔记(1) ——菜鸟入门

    Hadoop学习笔记(1) ——菜鸟入门 Hadoop是什么?先问一下百度吧: [百度百科]一个分布式系统基础架构,由Apache基金会所开发.用户可以在不了解分布式底层细节的情况下,开发分布式程序. ...

  4. mybatis入门基础(二)----原始dao的开发和mapper代理开发

    承接上一篇 mybatis入门基础(一) 看过上一篇的朋友,肯定可以看出,里面的MybatisService中存在大量的重复代码,看起来不是很清楚,但第一次那样写,是为了解mybatis的执行步骤,先 ...

  5. 01shell入门基础

    01shell入门基础 为什么学习和使用shell编程 shell是一种脚本语言,脚本语言是相对于编译语言而言的.脚本语言不需要编译,由解释器读取程序并且执行其中的语句,而编译语言需要编译成可执行代码 ...

  6. Markdown入门基础

    // Markdown入门基础 最近准备开始强迫自己写博文,以治疗严重的拖延症,再不治疗就“病入骨髓,司命之所属,无奈何”了啊.正所谓“工欲善其事,必先利其器”,于是乎在写博文前,博主特地研究了下博文 ...

  7. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  8. C++ STL编程轻松入门基础

    C++ STL编程轻松入门基础 1 初识STL:解答一些疑问 1.1 一个最关心的问题:什么是STL 1.2 追根溯源:STL的历史 1.3 千丝万缕的联系 1.4 STL的不同实现版本 2 牛刀小试 ...

  9. HTML入门基础教程相关知识

    HTML入门基础教程 html是什么,什么是html通俗解答: html是hypertext markup language的缩写,即超文本标记语言.html是用于创建可从一个平台移植到另一平台的超文 ...

随机推荐

  1. ffmpeg为视频添加时间戳 - 手动编译ffmpeg

    FFMPEG给视频加时间戳水印 项目中需要给视频添加时间戳,理所当然最好用的办法是ffmpeg.在找到正确的做法前,还被网上的答案timecode给水了一下(水的不轻,在这里转了2天),大概是这样写的 ...

  2. 测试基础:Bug管理那些事_20160910

    1.bug由来 虫子爬进主机引起继电器短路,导致机器故障.真正的缺陷是:主机散热孔少装了块金属丝,这样才能防止虫子爬到主机. 2.什么是bug? bug是缺陷的一种表现形式,而一个缺陷是可以引发多种b ...

  3. 耿丹CS16-2班第六次作业汇总

    Deadline: 2016-11-13 11:59 作业内容 第六次作业总结 00.本次题目分值最高为**6分/题 × 7题 + 5分/篇 × 1篇 = 47分**,其中有新解法者每题加原创分**2 ...

  4. React入门

    一.引入Reactjs 方法一:直接下载相关js文件引入网页,其中react.js 是 React 的核心库,react-dom.js 是提供与 DOM 相关的功能,Browser.js 的作用是将 ...

  5. 保存emoji到数据库

    /// <summary> /// <summary> /// 字符串转Unicode /// </summary> /// <param name=&quo ...

  6. 《jQuery知识点总结》(一)

    write less do more写更少的代码实现更多的功能DOM:document object model (文件对象模型)选择器(选择元素的对象或者节点)id 选择器 $("#id& ...

  7. vi编辑器使用

    显示行号 set nu 取消行号 set nonu 定位到某一行 gg 定位到首行 G 定位到最后一行 在VI编辑器中切换调用外部shell命令 :!ifconfig   在编辑过程中,看ip地址 插 ...

  8. MAC OS PHP

    Apache与PHP的配置 OSX自带了apache和php,但默认情况下没有开启,打开终端 sudo apachectl start 这时在浏览器中输入localhost应该就会出现apache标准 ...

  9. sh4.case语句

    case ... esac 与其他语言中的 switch ... case 语句类似,是一种多分枝选择结构.case 语句匹配一个值或一个模式,如果匹配成功,执行相匹配的命令.case语句格式如下: ...

  10. 多功能弹窗控件layer

    开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等 这里会推荐几个常用的js插件,丰富多样简单易移 ...