html简单的文档应用

1,html简介:
html:超文本标记语言,用来描述网页的一种标记语言。它使用标记标记标签来描述网页。
2,html标签:

html标签都是成对出现的例如<a></a>,称为开始标签和结束标签也被称为开放标签与闭合标签。有些html标签没有结束标签比如<a/>,html标签的标题一般是通过<h1>-<h6>定义的,段落是通过<p>-<p6>来定义的,html链接一般是通过<a>来定义的,例如<a href="www.localhost.com">this is your first link</a>,html图像是通过<img>来定义的,实例

html标签可以附加属性例如<a bdcolor="yellow">。
3,html文档:
html文档包括html标签和纯文本,html文档也被称为网页。Web 浏览器的作用是读取 html 文档,并以网页的形式显示出它们。浏览器不会显示html标签,而是使用标签来解释页面的内容。
<html>
    <body>
        <p>
        my Heading
        
        </p>
        <a>
            my first panding
            
            </a>
        
        
        </body>
    
    
</html>

<html>标签里的文本是来描述网页,<body>里的文本是页面可见内容。
4,html文本格式:
@1,一些简单的文本格式:

<html>
    <body>
    <h>this text is public</h>
    <br>
    <big>this text is big</big>
    <br>
    <small>this text is samll</small>
    <br>
    <strong>this text is strong</strong>
    <br>
    <em>this text is emphlizeds</em>
    <br>
    <i>this is xie</i>
    <br>
    啦啦啦啦了
    <sub>this is indext</sub>
    <br>
    啦快递哦<sup>this is sup</sup>
    <br>
    拉开啦啦啦
    <ins>this is ins</ins>
    <br>
    <del>this is del</del>
    </body>
</html>

<big>标签放大元素,<small>标签是缩小元素,<strong>加粗元素,<em>标签定义着重元素,<i>定义斜体字,sub和sup标签是定义上标识和下标识,<del>删除标签,<ins>插入标签。br标签回车换行。

上面html文本格式它浏览器中测试的结果为:

Paste_Image.png

@2,预格式文本,它保留了文本的空格和换行

<html>
    <body>
        <h> this is zhengzhangde
            shabi
            lallal
            </h>
            <pre>this is de ma yi ya
lallal 
hello world lall
                </pre>
        </body>
</html>

@3,地址标签:

<html>
    <body>
        <p>李帅的地址是在哪呢?</p>
        <h>
            吉林省<br/>
            长春市<br/>
            吉林建筑大学城建学院<br/>
            </h>
        <p>汤姆猫的地址在:</p>
        <a href="localhost">汤姆猫</a><br/>        
        </body>
</html>

它在浏览器中访问的结果为:


Paste_Image.png

当点击汤姆猫时,浏览器将会访问html所在地址的href中填写的地址。
@4,首字母缩写,反转文字

<html>
    <body>
        <abbr title="lishuaide shengzhi">ls</abbr>
        <acronym title="lishuaide sheng zhi">lsz</acronym>
        <bdo dir="rtl">what is your name</bdo>
        </body>
    
    </html>

<abbr>与<acronym>标签为首字母缩写标签,ls为title中所有单词的首字母缩写,当使用浏览器打开时,鼠标移动到缩写字母上,title将会展示被缩写的单词。
<bdo dir="rtl">此标签加上加上此标签上的内容,就会将该标签下的元素反转。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,505评论 1 41
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,429评论 0 5
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,009评论 1 92
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,191评论 2 21
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,263评论 2 15

友情链接更多精彩内容