Let's Coding!

注意:如果要自动编号,要用到CSS计数器。 这里我使用了外部样式文件来格式化文本,文件是./css/styles.css。
感觉效果不错啊,有那种格式与文本分离的感觉,很好。

菜鸟教程

感觉菜鸟教程上面写的比较全面, 比那个MOOC上教的要全面一些,就先照着这里来写了。


这是一段话,我现在可以在linux上写网站了
下面这个图片是用的lazy加载,滚动到那边再加载出来。

文本格式化

一些特殊的字体:
粗体
斜体
code font
甚至下标上标都可以
还有很多别的控制符号,都预定义好了的, 比如计算机文本套装、地址、缩写和首字母、】文字方向、块引用等等。 想用的时候就多去翻一下,说不定就有现成的

链接

这个链接的范围就不止是超链接了,也包括书签等。
书签的是属性id。
访问有用的提示部分 访问有用的提示部分(这个下面没有横线)
下面这个图片如果加载不出来,就会显示alt选项的内容。

ubuntu20.10_logo

可以用下面的这个链接在我的文章里添加邮箱链接 这是一个电子邮件链接: 发送邮件

CSS简易使用

一个段落。

表格

一个示例表格
Header1 Header2
row 1, cell 1 row 1, cell 2
row 2, cell 2

我有个问题,他这里给出了一个漂亮的表格。 这里的表格确实很好看,但是代码极其冗长,我觉得应该不是真的人来一行行写的吧?应该是从excel导出来的吧?
让我来百度一下,试一下。
好了,excel果然可以导出HTML,并且还附代一个css文件,很标准。

列表

这个就比较常用了

div的使用:布局

这个真的很有用,几乎是不住的核心元素,有了这个之后我就可以构建我想要的布局了。 不过这个的难度还是有点高的,但是我就是喜欢高难度的东西,奥里给!

表单form

表单还是很常用到的,比如收集订单信息,选择大杯还是小杯,不知道手机端的一不一样,先看看吧。
让我来先创建一个form

有一说一,还是响应式的表单最牛逼,参考菜鸟教程给的这个

Username:
Password:

Sex:
Male
Female

HTML速查列表

HTML 速查列表 | 菜鸟教程

CSS的学习

一些note:伪类是说类似a:hover的类,后面的hover不是一个正常的类,正常的类是用.来解决的
当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。