第六章:文本元素

标题元素:
<!--h1-h6标签可以用来定义标题-->
        <!--标题标签有强调作用,有确切的语言义,h1-h6重要性递减-->
        <!--h1定义最大的标题,h6定义最小的标题-->
        <!--h1标签在同一个页面只能使用一次,h2-h6可以多次使用-->
        <!--标题标签会独占一行-->
        <!--不要利用h标签来改变文字大小,使用css更方便,更美观-->
段落元素
<!--浏览器会忽略代码中的格式,多个空格符,回车符,制表符,会解析成一个空格(非常重要)-->
        <!--p标签用来标记一个段落,是常见的一个标记-->
        <!--p标签会独占一行-->
斜体标签
<!--i标签:单纯显示斜体文本效果-->
        
        <!--em标签:            
            1.显示斜体文本效果
            2.有强调作用
        -->
        
        <!--强调需要技巧,强调太多,有些重要语句会被漏掉,不要滥用强调
        如果仅需要单纯的斜体,请使用i标签,而不要使用em标签-->
粗体标签
<!--b标签:单纯显示加粗文本效果-->
        
        <!--strong标签:            
            1.显示加粗文本效果
            2.有强调作用,比em标签的强调作用更强
        -->
        
        <!--强调需要技巧,强调太多,有些重要语句会被漏掉,不要滥用强调
        如果仅需要单纯的粗体,请使用b标签,而不要使用strong标签-->
换行
<!--换行标签br,单标签
            1.在不另起一段的情况下进行强制换行。
            2.一个br标签表示1次换行 ,连续多个标签可以实现多次换行。
            3.br标签不仅可以对文本换行,其它元素也可以使用br标签进行强制换行
            -->
水平分隔线
<!--水平分隔线标签hr,单标签
            1.在视觉上将文档分隔成几个部分,使得文档结构清晰,层次分明
            2.hr标签可以在网页上画出一条水平分隔线
            3.hr标签的所有属性都不赞成使用,不要试图使用属性改变标签的样式
            4.应该使用css来修改hr标签的样式
            -->
span标签和字符实体
<!--span标签:
            1.没有任何样式,是为了给文本增加额外的结构
            2.使用css给span元素中的内容添加丰富的样式
            3.span标签是使用最多的文本标签-->
            
        <!--字符实体:
            html中预留字符必须替换成字符实体,才能被浏览器正常识别
            常见的字符实体:
                小于号:&lt;
                大于号:&gt;
                空格:&nbsp;
            -->
其它文本标签
<!--ins标签:定义下划线-->
        <!--del标签:定义删除线-->
        <!--sup标签:定义上标文本,高度为当前文本的一半-->
        <!--sub标签:定义下标文本,高度为当前文本的一半-->
        <!--mark标签:为文本添加黄色背景,突出显示文本-->
        <!--以上标签仅作了解,基本不用,css可以很好实行相应的功能-->
如图:

 

posted @ 2020-08-06 07:33  菜逼学飞  阅读(69)  评论(0)    收藏  举报