首页 > 作文

HTML(一)行内元素&块级元素

更新时间:2023-04-07 12:15:47 阅读: 评论:0

HTML-标签总结

行内元素

b标签:粗体,双标签

i标签:斜体,双标签

a标签:超链接标签,双标普通工人入党申请书签,常用标签属性

href:指定打秋游作文400字开的页面;锚点;

target:用于指定在哪个窗口打开href标签属性指定的页面,常用属性值有_lf 、_blank 等;

<a href="http://www.baidu.com"target="_blank">百度一下</a> 在新的网页标签打开<a href="http://www.baidu.com">百度一下</a> 在本页网页打开

img标签:图片标签,单标签酶是什么,常用标签属性

src:设置图片路径alt:设置图片不存在时替代文本,该属性的显示效果与浏览器以及浏览器版本有关height和width:设置图片的高度和宽度,单位为像素或%title:设定鼠标移到元素上时显示的信息
<img src="img/xy_girl.gif" title="搞笑" alt="这是一个美女" />
注意任何标签都有title属性,它不是img标签特有的img标签中src和alt标签属性不能省略

span标签:常用于组合文档中的行内元素,双标签

注意

span标签没有固定的格式表现,只有对它应用CSS样式时才会产生视觉上的变化推荐使用 <span> 来组合行内元素,以便通过样式来格式化它们

块级元素

div标签:常用于文档中分区,双标签

<div style="border: black 1px solid;">shima</div>

p标签:段落标签,双标签,常用标签属性

align:设定文本显示的位置,属性值如下值描述left把文本排到左边right把文本排到右边center把文本排列中间justify实现两端对齐文本效果

不建议使用align标签属性,推荐使用text-align样式属性代替,该样式属性常用值如下值描述left把文本排到左边.默认值,有浏览器决定right把文本排到右边center把文本排列中间justify实现两端对齐文本效果inherit从父元素继承text-aligh属性的值

hn标签:标题标签,双标签,n的值为1~6,其中<h1></h1> 定义最大的标题;<h6></h6> 定义最小的标题,常用标签属性

<h1>郑州大学</h1><h2>郑州大学</h2><h3>郑州大学</h3><h4>郑州大学</h4><h5>郑州大学</h5><h6>郑州大学</h6>

align:设定文本显示的位置,但不建议使用该align属性,推荐使用text-align样式代替,其使用方法和值参见p标签

ol标签:有序列表标签,双标艺术培训机构管理制度签,常用标签属性

<ol type="A" start="3"><li>语文</li><li>数学</li><li>英语</li></ol>
值描述1数字,默认值A大写字母a小写字母I大写罗马数字i小写罗马数字type:指定ol子标签li的编号类型,其属性值有(如上表示)start:指定ol子标签li序号起始点,默认为1,必须为整形数字reverd:HTML5新增标签属性,用于设定列表顺序为降序,其属性值为reverd

ul标签:无序列表标签,双标签,常用标签属性

<ul type="square"><li>语文</li><li>数学</li>&迷人的海lt;li>英语</li></ul>
type:指定ul子标签li的编号类型,其属性值有值描述disc实心圆,默认值square实心方块circle空心圆

本文地址:https://blog.csdn.net/ArcsinTao/article/details/107348241

本文发布于:2023-04-07 12:15:45,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/6fbd7a37b0b62a15a28571b678a23e1a.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:HTML(一)行内元素&块级元素.doc

本文 PDF 下载地址:HTML(一)行内元素&块级元素.pdf

标签:标签   属性   文本   常用
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图