(二)HTML中的部分标签

HTML作为一种超文本标记语言,其中用到了大量的标签,昨天主要看了HTML中的图像标签和表格标签。

(一)图像标签 <img>

<img src="url"/>(url 是统一资源定位符的意思uniform resource locator)

标签img中的属性:alt="文本" -------->图片无法显示时的替换本文属性(养成良好习惯,最好都具有该属性)

         border="_px"-------->图像的边框宽度

           width="百分比"/"_px"-------->图像的宽度设置(高度为height,设置类似)(注:只设置宽度,则图像等比例缩放)

(二)表格标签 <table></table>

table标签可以用于网页布局(现在不用了,被div和css取代)或者显示表格(常用)。

    table标签里的属性:width-------->表格宽度(百分比或像素值)

            height-------->表格内部的高度(像素值)

            align---------->表格的水平位置(left-->左,center-->中间,right-->右)

            border-------->表格的边框宽度

            cellspacing---->表格中,每一个单元格之间的距离

            cellpadding---->字符距离单元格左侧的距离

  table标签中的<tr></tr>和<td></td>标签

       行标签<tr>:

       列标签<td>:在表格中,单元格行合并:<td rowspan="2">合并两行</td>

                  单元格列合并:<td colspan="2">合并两列</td>

       表格中,<tr>和<td>标签的布局如下:

            <tr><td></td><td></td></tr>

            <tr><td></td><td></td></tr>    //两行两列

      PS:表格中的属性就近原则

  

注:快捷键Ctrl+j可以快速复制当前行代码

          

时间: 2024-11-06 10:02:17

(二)HTML中的部分标签的相关文章

二十四、Struts2中的UI标签

二十四.Struts2中的UI标签 Struts2中UI标签的优势: 数据回显 页面布局和排版(Freemark),struts2提供了一些常用的排版(主题:xhtml默认 simple ajax) 可以使用OGNL表达式 模板: 常量设置的:struts.ui.theme=xhtml 开发中建议设置为struts.ui.theme=simple;

javaweb学习总结(二十六)——jsp简单标签标签库开发(二)

一.JspFragment类介绍 javax.servlet.jsp.tagext.JspFragment类是在JSP2.0中定义的,它的实例对象代表JSP页面中的一段符合JSP语法规范的JSP片段,这段JSP片段中不能包含JSP脚本元素. WEB容器在处理简单标签的标签体时,会把标签体内容用一个JspFragment对象表示,并调用标签处理器对象的setJspBody方法把JspFragment对象传递给标签处理器对象.JspFragment类中只定义了两个方法,如下所示: getJspCon

javaweb学习总结(二十四)——jsp传统标签开发

一.标签技术的API 1.1.标签技术的API类继承关系 二.标签API简单介绍 2.1.JspTag接口 JspTag接口是所有自定义标签的父接口,它是JSP2.0中新定义的一个标记接口,没有任何属性和方法.JspTag接口有Tag和SimpleTag两个直接子接口,JSP2.0以前的版本中只有Tag接口,所以把实现Tag接口的自定义标签也叫做传统标签,把实现SimpleTag接口的自定义标签叫做简单标签. 2.2.Tag接口 Tag接口是所有传统标签的父接口,其中定义了两个重要方法(doSt

详解Android ActionBar之二:ActionBar添加Tabs标签和下拉导航

本节主要讲解ActionBar如何添加Tabs标签和下拉导航. 一.添加标签 Tabs 在ActionBar中实现标签页可以实现android.app.ActionBar.TabListener ,重写onTabSelected.onTabUnselected和onTabReselected方法来关联Fragment.代码如下: Java代码 private class MyTabListener implements ActionBar.TabListener { private TabCon

Django自定义模型(model)中的字段标签

方法一: 在编辑页面中,每个字段的标签都是从模块的字段名称生成的. 规则很简单: 用空格替换下划线:首字母大写.例如:Book模块中publication_date的标签是Publication date. 然而,字段名称并不总是贴切的.有些情况下,你可能想自定义一个标签. 你只需在模块中指定verbose_name. 举个例子,说明如何将Author.email的标签改为e-mail,中间有个横线. class Author(models.Model): first_name = models

猫猫学iOS之去除服务器返回数据中的html标签,去除指定字符串,替换字符串

猫猫分享,必须精品 原创文章,欢迎转载.转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243 一:问题 如图中,服务器返回的数据里面有大串的html 但是我们只用字符串,由于不想麻烦后台修改数据....(喵很为别人着想)于是自己想办法解决. 其实解决的方法很多很多..比如用字符串的截取方法的到range,然后根据位置来得到里面的想要的东东..嘎的,想想都崩溃. 还有呢用正则表达式等等...正则表达式,说实话这东西除了面试时候说说和学习时候用过做项目还从来

javaweb学习总结(二十五)——jsp简单标签开发(一)

一.简单标签(SimpleTag) 由于传统标签使用三个标签接口来完成不同的功能,显得过于繁琐,不利于标签技术的推广, SUN公司为降低标签技术的学习难度,在JSP 2.0中定义了一个更为简单.便于编写和调用的SimpleTag接口来实现标签的功能. 实现SimpleTag接口的标签通常称为简单标签.简单标签共定义了5个方法: setJspContext方法 setParent和getParent方法 setJspBody方法 doTag方法(非常重要),简单标签使用这个方法就可以完成所有的业务

html中有序列表标签ol,li的高级应用

本文主要介绍html中有序列表标签ol,li的高级应用, 在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值. 而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了. 一般的标签ol和li有序列表应用代码如下: <ol> <li>列表内容一</li> <li>列表内容二</li> <li>列表

自写网站入门阶段之二:熟练运用各种标签

转学html/css已有3个多月,经过之前编写一个网页的练手后大概熟悉了部分标签的作用,看着做完的页面跟同学给的源页面相差无几的时候心里充满了成就感.但当同学一针见血的指出我css类的各种定义重复.不符语义化.排序混乱及浏览器的不兼容时我才觉得web前端之路任重道远.于是我又问同学要了2个更为复杂的教育类网站,先按自己的想法写一遍,再参照他的代码改进自己的不足,在边学边模仿中逐渐的改良自己的代码,缩减样式表,优化排版等等. 经过半个来月的自写-参照-修改,这两个网站共计24个页面也一并完成了.对