前端:HTML/02/排版标记,块元素,行内元素,html字符实体,列表标记,图片标记
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字符实体
空格:  分号(;)
<:< 分号(;)
>:> 分号(;)
&:& 分号(;)
乘号:× 分号(;)
除号:÷ 分号(;)
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字符实体,列表标记,图片标记相关推荐
- CSS 块元素,行内元素,行内块元素及元素之间转换
元素的显示模式 元素一般分为块级元素和行内元素 元素种类 排列 设置样式 默认 包含 块元素 独占一行 可以设置宽高 容器的100% 可以包含任何标签 行内元素 一行可以放多个行内样式 不可直接设置宽 ...
- CSS样式之块元素行内元素
一,常见的块元素 块元素: 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性,常用于网页布局和网页结构的搭建. 常见的块元素有 h1~h6.p.div.ul.ol .li等 ...
- html 标签(一)10个常用标签以及块元素行内元素、
目录 一.标题标签 六个标签标题 常用的h1 到 h3 二 .段落标签 p 也是块元素 ,会独占一行 三 hgroup 标题分组 四 em strong都是强调标签 五 换行标签 br 自结束标签 ...
- 块元素 行内元素 行内块元素各自的特点
块元素 行内块元素 行内元素的特点. 一.块元素 block 自已独占一行. 宽度,高度,外边距,内边距都可以自己控制. 宽度默认为是父元素的100%. 是一个容器及盒子,里面可以放行内或者块元素. ...
- 专题 | 块级元素 行内元素 行内块元素
它们本身的宽度如何计算 高度如何计算----当时的想法是? 以后补 他们三个能否嵌套块级元素 行内元素 还有特殊的a标签 块级元素 块级元素高由内容撑起,宽默认100%,可以自己设置元素宽高. 块级元 ...
- HTML学习笔记(实体+meta标签+块、行内元素+语义化标签+布局标签)
由于学校并没有开设前端的相关课程,所以对于前端这一部分都是这里看一点,哪里看一点,这里算是做一个小小的汇总吧(因为本身想走的是后端开发,所以目前汇总一些基础的,后面遇到了再慢慢补充吧). 文章目录 1 ...
- 超链接 锚链接 功能性链接 块元素 行内元素
目录 超链接标签 页面间的锚链接 不同页面中的锚链接 功能性链接 行内元素和块元素 超链接标签 超链接的基本应用: 超链接包含两部分内容:1.是链接地址,可以是某个网址或文件的路径,对应为<a& ...
- 090_块元素行内元素行内块元素空元素
1. 块元素指的是占据全部可用宽度的元素, 并且在其前后都会换行(display: block). 1.1. 定义整个文档(非常重要): <html></html> 1.2. ...
- HTML基础,块级元素/行内元素/行内块元素辨析【2分钟掌握】
根据标签元素的特点可以将元素分为三类:块级元素,行内元素,行内块元素 块级元素特点: 可以设定宽度和高度 独自占用一行 默认宽度是父元素的宽度,默认的高度是内容高度. 常见的块级元素有哪些?div p ...
- php div行内块元素,行内元素与块级元素的区别详细介绍
首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...
最新文章
- tomcat WARNING [ContainerBackgroundProcessor[StandardEngine[Catalina]]]
- java线程实现方式
- 求一段内存中的字节型数据的和
- python中的PEP是什么?怎么理解?(转)
- mysql innodb id_MySQL InnoDB row_id边界溢出验证的方法步骤
- 最新可用的goole翻译接口
- outlook 让附件在正文中显示 (REF rich リッチ)
- JAVA经典集合框架学习笔记——HashMap的底层实现原理
- java多线程编程详细入门教程
- LFS(Linux From Scratch)构建过程全记录(一):准备工作
- python 数据分析核心--pandas
- Chrome 浏览器 Cookie 跨域共享与升级问题
- inet_aton和inet_ntoa
- 爬虫技术——一篇全搞定!
- 如何高效的使用搜索引擎
- 蓝桥杯嵌入式-第九届省赛-电子定时器
- 硬件设计基础----运算放大器
- 前端|利用canvas画布制作地球轨道
- 用计算机唱歌 丑八怪乐谱,丑八怪歌曲谱子_丑八怪简谱
- centos单机部署greenplum
热门文章
- 安卓动态调试七种武器之离别钩 – Hooking(下)
- 【Python学习笔记】
- 微信公众平台开发(31)微信第三方登录接口
- v140平台工具集与v110工具集选择
- C#.NET 大型企业信息化系统集成快速开发平台 4.2 版本 - 服务器之间的接口通讯功、信息交换...
- 正在搞用web.py做的通讯录
- [SharePoint]如何防止从代码跳到“拒绝访问”页面
- Mybatis-plus不走租户的配置方式
- activeperl安装不成功_SWOOLE进阶-00环境安装
- Linux连接荣耀路由器pro2,荣耀路由pro2和电脑怎么连接?连接一体机方法