热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5基础——文本标记

文本标记一、特殊的文本(转义字符):空格:&nbsp;<:&lt;(lessthan)>:&gt;(greatertha

文本标记


一、特殊的文本(转义字符):
  空格: ;
  <:<;(less than)
  > :>;(greater than)
  版权标识©:©;
二、文本标记:
  1、文本样式:
    ...:加粗文本
    ...:斜体文本
    ...:下划线
    ...:删除线
    ...:上标
    ...:下标
  2、标题元素:
    1-6级6个标题
    (n=1-6)
    一级最大,六级最小
  3、段落元素:
    提供了结构化文本的表现方式
    语法:


    注意:每对p标签单独成一个段落
    段落与其他元素有垂直空白,段落间距
    常用属性:align:水平对齐方式
    取值:left、center、right
  4、换行元素:
    在代码的任何位置处,实现回车的效果
    

  5、水平线/分割线:
    

    属性:size:水平线的粗细,通常以像素(px)为单位
    width:宽度
    align:水平线的水平对齐方式
    color:颜色
  6、分区元素:
    目的:为元素进行分组,多数用在布局中
    块分区元素:

    行内分区元素:
    注意:div主要用在布局上,span修改其内部内容的样式
  7、预格式化:
    保留源文档中的空格和回车
    
 
      文本内容
    

三、注释:
  可以写在html源码中,但不被浏览器解释的文本
  语法:
四、行内元素与块级元素:
  1、块级元素:默认情况下,块级元素独占一行,元素的前后都会自动换行。
     如:div、hn、hr、p
     块级元素作用:布局
  2、行内元素:默认情况下,多个元素位于同一行,不会换行。
     如:span、文本标记……
     行内元素作用:修改内部内容的样式
例题:
这里写图片描述





<html>

<head>

<meta charset="UTF-8" />

<title>作业一title>

<meta name="keywords" content="关键字" />
<meta name="descrition" content="描述" />
head>

<body>

<h1 align="center">HTML5 <span style="color:red">span>h1>

<hr />

<h2>1 HTML 文档片段h2>

<h3>1.1 问题h3>

<p>创建如图一所示的HTML页面:p>

<pre>


居中显示的段落。


pre>
body>
html>

推荐阅读
author-avatar
默默-的米线_601
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有