博客与本人的学习进度同步更新,基础不扎实,待后续学习推进后优化更改。本篇适合给我一样的新手作入门参考,比较专业的教程可参考w3schol的html入门和中国大学mooc的课程。
由于csdn博客的编辑区可以直接编译html代码(也就是说可以直接用html来码出一篇博客)。所以,文章中所有标签的<>内部加入了空格,为了可以在文章中把标签显示出来~
style 属性用于改变 HTML 元素的样式。
style 属性的作用是提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过html样式,能够通过使用 style 属性直接将样式添加到html元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
请避免使用以下被废弃的标签和属性!
标签描述< cente r>定义居中的内容。< font > 和 < basefont >定义 HTML 字体。< s > 和 < strike >定义删除线文本< u >定义下划线文本 属性描述align定义文本的对齐方式bgcolor定义背景颜色color定义文本颜色对于以上这些标签和属性:请使用样式代替
字体样式参考< font-family >内容索引
color式样参考< color >内容索引 color取值可以用颜色的英文名称(关键字),也可以十六进制颜色信息,也可以直接填写rgb( RGB色彩模式是工业界的一种颜色标准,是通过对红(R )、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色),或者使用HSL圆柱坐标(HSL cylindrical-coordinate)
内容层叠样式表< text-align >内容索引 //试试用.html文档打开
<html> <body style="background-color:#98c4c5"> <h2 style="text-align:center">这是一个居中对齐的h2标题</h2> <p style="font-family:arial; color:red; font-size:20px;"> 这个段落字体为arial,红色,字体尺寸为20px。当属性并列使用的时候则用“;”隔开</p> </body> </html>这次让我们先看代码(感觉代码解释了一切)
<html> <body> <b>This text is bold这段文字是粗体字</b> <br /> <strong>This text is bold这段文字是重要文本,一般用粗体表示</strong> <br /> <big>This text is big这段文字被放大了</big> <br /> <em>This text is emphasized这段文字被强调了</em> <br /> <i>This text is italic这段文字是斜体</i> <br /> <small>This text is small这段文字被缩小了</small> <br /> This text contains <sub>subscript下标</sub> <br /> This text contains <sup>superscript上标</sup> </body> </html>(编译后得到效果如下)
This text is bold这段文字是粗体字 This text is bold这段文字是重要文本,一般用粗体表示 This text is big这段文字被放大了 This text is emphasized这段文字被强调了 This text is italic这段文字是斜体 This text is small这段文字被缩小了 This text contains subscript下标 This text contains superscript上标这一段的表格内容可以用确定文本格式来表述,在以上的文本格式的基础上进行功能化细分