萌新的html学习记录 (三)

    技术2022-07-11  94

    博客与本人的学习进度同步更新,基础不扎实,待后续学习推进后优化更改。本篇适合给我一样的新手作入门参考,比较专业的教程可参考w3schol的html入门和中国大学mooc的课程。

    由于csdn博客的编辑区可以直接编译html代码(也就是说可以直接用html来码出一篇博客)。所以,文章中所有标签的<>内部加入了空格,为了可以在文章中把标签显示出来~

    HTML 样式

    style 属性用于改变 HTML 元素的样式。

    style 属性的作用是提供了一种改变所有 HTML 元素的样式的通用方法。

    样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过html样式,能够通过使用 style 属性直接将样式添加到html元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

    不赞成使用的标签和属性

    在 HTML 4 中,有若干的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。

    请避免使用以下被废弃的标签和属性!

    标签描述< cente r>定义居中的内容。< font > 和 < basefont >定义 HTML 字体。< s > 和 < strike >定义删除线文本< u >定义下划线文本 属性描述align定义文本的对齐方式bgcolor定义背景颜色color定义文本颜色

    对于以上这些标签和属性:请使用样式代替


    html样式实例

    background-color 属性为元素定义了背景颜色 style 属性淘汰了旧的 bgcolor 属性font-family、color以及 font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸 style 属性淘汰了“旧的” < font > 标签text-align 属性规定了元素中文本的水平对齐方式: style 属性淘汰了旧的 “align” 属性。

    字体样式参考< 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文本格式化

    这次让我们先看代码(感觉代码解释了一切)

    <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上标
    标签描述< b >定义粗体文本。< big >定义大号字。< em >定义着重文字。< i >定义斜体字。< small >定义小号字。< strong >定义加重语气。< sub >定义下标字。< sup >定义上标字。< ins >定义插入字。< del >定义删除字。< s >不赞成使用。使用 < del > 代替。< strike >不赞成使用。使用 < del > 代替。< u >不赞成使用。使用样式(style)代替。

    这一段的表格内容可以用确定文本格式来表述,在以上的文本格式的基础上进行功能化细分

    “计算机输出”标签

    标签描述< code >定义计算机代码。< kbd >定义键盘码。< samp >定义计算机代码样本。< tt >定义打字机代码。< var >定义变量。< pre >定义预格式文本。< listing >不赞成使用。使用 < pre > 代替。< plaintext >不赞成使用。使用 < pre > 代替。< xmp >不赞成使用。使用 < pre > 代替。

    引用、引用和术语定义

    标签描述< abbr >定义缩写。< acronym >定义首字母缩写。< address >定义地址。< bdo >定义文字方向。< blockquote >定义长的引用。< q >定义短的引用语。< cite >定义引用、引证。< dfn >定义一个定义项目。
    Processed: 0.010, SQL: 9