html排版标记

<p></p> :表示一个段落

常用属性:align :水平对齐方式,取值:left(左),center(居中),right(右)

换行标记<br>

水平线标记(单边标记):<hr>

size:水平线的粗细,单位一般为px(像素)
    color:水平线的颜色
    width:水平线的宽度
    noshade:去掉水平线的阴影(在html中,noshade是没有值的属性)

<pre></pre> :预排版标记

功能:将保留所有的空白字符(空格,换行符),换句话说:就是原封不动的输出
语法:<pre>排版好的内容</pre>

标题标记 :<h1>…<h6>

功能:定义各种标题
唯一属性:align水平对齐方式(left,center,right)
加其它属性可用<font>标记

<div>和<span>标记

<div>是没有意义的标记,用于划块,使用频繁;<div>一般要与css配合使用。
<div>是一个块元素
&span>是没有意义的标记,用于划行,使用频繁;<span>一般要与css配合使用。
<span>是一个行元素

块元素:块元素一般单独占一行,不管内容多少,总是占一行。块元素有:<div>,<p>,<h1>,<h6>等

行内元素:行内元素不会独占一行;多个行内元素,会在同一行;行内元素有:<font>,<b>,<i>,<u>,<sup>,<sub>等

注意:行内元素没有width和height属性,宽和高主要由内容决定,(对于行内元素使用了这两个属性也不会起效),但块元素有width和height属性;
结论:在标记嵌套时,一般块元素中嵌套行内元素。

html字符实体

空格:&nbsp 分号(;)

<:&lt 分号(;)

>:&gt 分号(;)

&:&amp 分号(;)

乘号:&times 分号(;)

除号:&divide 分号(;)

html项目符号(无序列表)

<ul>
    <li>内容1</li>
    <li>内容2</li>
    <li>内容n</li>
</ul>
<ul>和<li>的常用属性
type:项目符号的类型,取值:disc(小黑点),circle(空心圆),square(实心方块)。
例:

  • html超文本标注语言
  • css层叠样式表
  • JavaScript客户端脚本程序
  • Apache服务器
  • ### html编号列表(有序列表)

    <ol>
        <li>内容1</li>
        <li>内容2</li>
        <li>内容n</li>
    </ol>

    <ol>或<li>的常用属性

    type:编号类型,取值:1,a,A,i,I
    start:从第几个开始编号(数字)。

    滚动字幕标记<marquee>

    语法格式:<marquee>滚动的内容</marquee>
    常用属性:
    Direction :滚动方向,取值:up,down,left,right
    Width:滚动宽度
    Height:滚动高度
    bgColor:滚动背景色
    scrollAmount :滚动步长值,越大越快;
    scrollDelay:两步之间的停留时间,单位:毫秒,1秒=1000毫秒
    loop:循环滚动的次数

    图片标记<img>

    性质:行内元素,单边标记
    语法格式:<img 属性 =“值”>
    常用属性:
    Border :图片边框粗细
    Src:图片的路径(相对路径)
    Align :图片的水平对齐方式(在此为浮动效果),取值:left,center,right
    Width:图片宽度,单位:像素(px)
    Height:图片高度,单位:像素(px)
    Hspace :图片与左右文字的距离(水平距离)
    Vspace:图片与上下文字之间的距离(垂直距离)
    注意:如果图片想等比例绽放,则只指定 width或height其中一个
    Align属性只能让文本居中,不能让图片单独居中,Align可以实现“图文混排”效果,常使align="left|right"

    @沉木

前端:HTML/02/排版标记,块元素,行内元素,html字符实体,列表标记,图片标记相关推荐

  1. CSS 块元素,行内元素,行内块元素及元素之间转换

    元素的显示模式 元素一般分为块级元素和行内元素 元素种类 排列 设置样式 默认 包含 块元素 独占一行 可以设置宽高 容器的100% 可以包含任何标签 行内元素 一行可以放多个行内样式 不可直接设置宽 ...

  2. CSS样式之块元素行内元素

    一,常见的块元素 块元素: 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性,常用于网页布局和网页结构的搭建. 常见的块元素有 h1~h6.p.div.ul.ol .li等 ...

  3. html 标签(一)10个常用标签以及块元素行内元素、

    目录 一.标题标签 六个标签标题  常用的h1 到 h3 二 .段落标签 p 也是块元素 ,会独占一行 三 hgroup 标题分组 四 em strong都是强调标签 五 换行标签  br 自结束标签 ...

  4. 块元素 行内元素 行内块元素各自的特点

    块元素 行内块元素 行内元素的特点. 一.块元素 block 自已独占一行. 宽度,高度,外边距,内边距都可以自己控制. 宽度默认为是父元素的100%. 是一个容器及盒子,里面可以放行内或者块元素. ...

  5. 专题 | 块级元素 行内元素 行内块元素

    它们本身的宽度如何计算 高度如何计算----当时的想法是? 以后补 他们三个能否嵌套块级元素 行内元素 还有特殊的a标签 块级元素 块级元素高由内容撑起,宽默认100%,可以自己设置元素宽高. 块级元 ...

  6. HTML学习笔记(实体+meta标签+块、行内元素+语义化标签+布局标签)

    由于学校并没有开设前端的相关课程,所以对于前端这一部分都是这里看一点,哪里看一点,这里算是做一个小小的汇总吧(因为本身想走的是后端开发,所以目前汇总一些基础的,后面遇到了再慢慢补充吧). 文章目录 1 ...

  7. 超链接 锚链接 功能性链接 块元素 行内元素

    目录 超链接标签 页面间的锚链接 不同页面中的锚链接 功能性链接 行内元素和块元素 超链接标签 超链接的基本应用: 超链接包含两部分内容:1.是链接地址,可以是某个网址或文件的路径,对应为<a& ...

  8. 090_块元素行内元素行内块元素空元素

    1. 块元素指的是占据全部可用宽度的元素, 并且在其前后都会换行(display: block). 1.1. 定义整个文档(非常重要): <html></html> 1.2. ...

  9. HTML基础,块级元素/行内元素/行内块元素辨析【2分钟掌握】

    根据标签元素的特点可以将元素分为三类:块级元素,行内元素,行内块元素 块级元素特点: 可以设定宽度和高度 独自占用一行 默认宽度是父元素的宽度,默认的高度是内容高度. 常见的块级元素有哪些?div p ...

  10. php div行内块元素,行内元素与块级元素的区别详细介绍

    首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...

最新文章

  1. tomcat WARNING [ContainerBackgroundProcessor[StandardEngine[Catalina]]]
  2. java线程实现方式
  3. 求一段内存中的字节型数据的和
  4. python中的PEP是什么?怎么理解?(转)
  5. mysql innodb id_MySQL InnoDB row_id边界溢出验证的方法步骤
  6. 最新可用的goole翻译接口
  7. outlook 让附件在正文中显示 (REF rich リッチ)
  8. JAVA经典集合框架学习笔记——HashMap的底层实现原理
  9. java多线程编程详细入门教程
  10. LFS(Linux From Scratch)构建过程全记录(一):准备工作
  11. python 数据分析核心--pandas
  12. Chrome 浏览器 Cookie 跨域共享与升级问题
  13. inet_aton和inet_ntoa
  14. 爬虫技术——一篇全搞定!
  15. 如何高效的使用搜索引擎
  16. 蓝桥杯嵌入式-第九届省赛-电子定时器
  17. 硬件设计基础----运算放大器
  18. 前端|利用canvas画布制作地球轨道
  19. 用计算机唱歌 丑八怪乐谱,丑八怪歌曲谱子_丑八怪简谱
  20. centos单机部署greenplum

热门文章

  1. 安卓动态调试七种武器之离别钩 – Hooking(下)
  2. 【Python学习笔记】
  3. 微信公众平台开发(31)微信第三方登录接口
  4. v140平台工具集与v110工具集选择
  5. C#.NET 大型企业信息化系统集成快速开发平台 4.2 版本 - 服务器之间的接口通讯功、信息交换...
  6. 正在搞用web.py做的通讯录
  7. [SharePoint]如何防止从代码跳到“拒绝访问”页面
  8. Mybatis-plus不走租户的配置方式
  9. activeperl安装不成功_SWOOLE进阶-00环境安装
  10. Linux连接荣耀路由器pro2,荣耀路由pro2和电脑怎么连接?连接一体机方法