`
zhyy22145
  • 浏览: 14159 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

《阿勇java建站教程》1.4-丰富的html标签

阅读更多
   《阿勇java建站教程》1.4-丰富的html标签
   1.4-丰富的html标签
    感谢你阅读这篇文章,希望你继续阅读《阿勇java建站教程》的其他文章! 上节内容(《阿勇java建站教程》1.3零基础建站)里初步介绍了html页面结构,在本节中,阿勇将介绍更多常用的html标签的使用。 <div></div>层标签——相信大家经常能接触到这样的内容:div+css布局。这里提到的div就是层标签,css指的是标签样式,在后续的教程中将详细解说。借着层标签,我向大家介绍一些常用的标签属性。

    <div name="divName" id="divId" class="cssClass">层内容</div>

    name属性好比为html标签起了个名字,这个名字不允许重复(对于<a>a内容</a>锚标签,name属性有特殊用途),id属性为html标签指定了唯一标识,name属性,id属性,为javaScript(javaScript和java无关)操作元素提供依据,后续将做介绍;class属性为添加css样式提供方便,一般的欲给部分html标签添加相同样式时就将这些html标签设定同一个class。
div标签在现代的页面布局中使用非常广泛,因此很受青睐。

    <a href="http://www.ya178.com">内容</a>

    <a></a>锚(超链接)标签。该标签不但能用来对同网页下的具体内容定位,也可以当超链接使用(经常)。这样的标签非常特殊,默认情况下,鼠标在网页上移动时,当箭头悬浮在该标签内容上时鼠标箭头会编程手势,提醒用户这样的文本是可点击的。超链接在大型的门户被广泛使用,在网页上点来点去是从古到今不变的操作。<a>标签里除了使用常用的属性外,它还具有的属性是href。href是告诉用户当点击了该超链接时页面将会跳转到一个怎样的“世界”。例如:href="nihao.html"——显示nihao.html网页,href="http://www.baidu.com"——显示百度首页。

    <ul></ul>,<ol><ol>

    上述两个标签是列表显示标签(两者有啥区别,不妨亲手一试!),该标签善于显示整齐排列的内容。值得注意的是每条显示内容都应该被包裹在<li></li>标签中,如:

    <ul>
        <li>新闻1</li>
        <li>新闻2</li>
        <li>新闻3</li>
        ... ...
    </ul>

    下面要介绍的标签是标题标签:

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    此处说的标题标签,和<title></title>不同,标题标签就像word里的标题样式,用于与文章内容区别开来。
还有一个标签,在我们日常运用中有着非常重要的地位,使用起来简洁,高效。那就是表格标签<table></table>。

    <table>
        <tr>
            <td>第一行第一列</td>
            <td>第一行第二列</td>
            <td>第一行第三列</td>
              ... ...
       </tr>
       <tr>
            <td>第二行第一列</td>
            <td>第二行第二列</td>
            <td>第二行第三列</td>
              ... ...
       </tr>
    </table>
    从结构上就可以清晰的辨认出<table></table>标签包行着<tr></tr>行标签,<td></td>列标签,特别说明的是表格中显示的内容只能写在列标签里,不能直接写在<tr></tr>里。这是一个组合,不能随意拆开单独用哦!

    下面说说重头戏,表单标签!网页从服务器中来,那么用户在网页上填写的数据如:注册信息。是怎么保存到服务器上的呢?充当信使角色的表单标签来了:

     <form method="post" action="地址">
        账户:<input type="text" name="input1"/>
        <br/><!--换行标签-->
        密码:<input type="password" name="input2"/>
        <br/><!--换行标签-->
        <input type="hidden" name="input3"/><!--隐藏标签-->
        <input type="submit" value="注册"/><input type="reset" value="清空重写"/>
     </form>

    以上例子简单的构造了一个表单。其总<form>中举例了其特有的属性:method和action。method属性定义的是表单里的数据将以何种方式提交给服务器处理,有两种:post和get。action属性定义的是该表单将提交到服务器的入口。<form></form>标签中包含的标签都是<input/>,只有该标签中的值(value属性)在表单提交(submit)时才会被提交到服务器处理。<input/>标签根据type属性的不同显示不同的输入框,type属性取值不止所列出的这些,读者可以自己多了解了解。type属性为"submit"时该input具有提交表单的功能!

    总结:html标签远不止这些,希望读者能够多上网学习学习为日后编写美观实用的网页文件做好准备。另外,hrml5也是不错的学习内容。
本文原创写的不好的地方欢迎大家与我一起交流(微信号:zhyy22145),转载请注明出处!-《阿勇java建站教程》1.4-丰富的html标签
http://www.ya178.com/public/detailUA-10342-1.html

《阿勇java建站教程》统一交流团http://www.ya178.com/public/detailUU-39-1.html
分享到:
评论

相关推荐

    [计算机网络实验与学习指导——基于Cisco Packet Tracer模拟器(第2版)][叶阿勇 等][配套资料]

    [计算机网络实验与学习指导——基于Cisco Packet Tracer模拟器(第2版)][叶阿勇 等]的配套实验pka

    史上最牛阿勇文本编辑器

    史上最牛文本编辑器。请大家免费使用。如有不妥之处请谅解。

    计算机网络实验与学习指导-基于Cisco Packet Tracert模拟器-程序源代码pka文件.rar

    计算机网络实验与学习指导-基于Cisco Packet Tracert模拟器-程序源代码pka文件,为叶阿勇等主编《计算机网络实验与学习指导》的实验内容,基于Cisco Packet Tracert6.0.1完成,经过测试过的。希望对学习思科网络的...

    GB/BIG5/UTF-8 文件编码批量转换程序

    版权信息:此软件由 阿勇(fxy_2002@163.com) 开发,请保留此信息!! '* 免费软件,欢迎使用!请勿用于直接出售或其它商业用途。 '* '* 作者主页:pc-soft.cn e-mail:fxy_2002@163.com '* '* 程序功能:将 GB、...

    豆葵 GB/BIG5/UTF-8 文件编码批量转换工具

    豆葵 GB/BIG5/UTF-8 文件编码批量转换工具 是一款单一文件与批量转换编码工具将 GB、BIG5、UTF-8 文件相互转换,方便的批量处理能力,主要用于网站文件编码方式的整体转换上。 豆葵 www.doukui.cn 是立足垂直搜索...

    文件编码批量转换程序

    '* 版权信息:此软件由 阿勇(fxy_2002@163.com) 开发,请保留此信息!! '* 免费软件,欢迎使用!请勿用于直接出售或其它商业用途。 '* '* 作者主页:pc-soft.cn e-mail:fxy_2002@163.com '* '* 程序功能:将 GB...

    计算机网络实验指导

    计算机网络实验与学习指导书叶阿勇-基于Packet Tracer6.0版本计算机网络实验与学习指导书叶阿勇-基于Packet Tracer6.0版本

    html,asp,php编码批量转换工具

    '* 版权信息:此软件由 阿勇(fxy_2002@163.com) 开发,请保留此信息!! '* 免费软件,欢迎使用!请勿用于直接出售或其它商业用途。 '* '* 作者主页:pc-soft.cn e-mail:fxy_2002@163.com '* '* 程序功能:将 GB...

    网络实验报告指导

    ### 网络实验报告指导相关知识点解析 #### 双绞线基础知识 - **定义**:双绞线是一种常见的有线传输介质,广泛应用于局域网(LANs)和其他通信系统中,它由一对或多对相互绝缘的铜线组成,这些铜线成螺旋状缠绕在...

    计算机网络实验指导书与实验报告

    计算机网络实验完整的指导书,以及完全写好的实验报告。报告中有实验过程的数据截图,抓包的数据截图等等

    免费分享一次一单早盘头皮Pirate_EA02.04.1

    EA名称:pirate-EA02.04.1 适用于早盘剥头皮EA EA用法: 1:可自定义早盘交易得起始时间和接受时间 2:可采用固定手数,也可以采用动态手数 3:对点差要求有限制,越低越好 EA加载周期:30分钟 ...

    计算机网络学习与指导实验-基于cisco packet tracer

    计算机网络学习与指导实验-基于 Cisco Packet Tracer 本资源摘要信息将对计算机网络学习与指导实验-基于 Cisco Packet Tracer 进行详细的知识点总结。 实验 2-1 PPP 与 PPPoE 学习实验配置 在这个实验中,我们...

    08.doc

    这篇自荐信中,作者阿勇是一名即将从广东大学毕业的计算机科学技能专业的学生,他表达了对贵公司招聘岗位的兴趣,并详细列出了自己的专业技能和优势。 首先,阿勇强调自己拥有扎实的计算机知识和应用能力,这包括...

    计算机网络2

    计算机网络

    计算机网络实验最新资源

    计算机网络实验是学习和理解网络原理、操作及应用的重要实践环节。通过实验,学生能够深入地了解网络协议、网络设备的使用以及网络故障排查的方法。本实验资源旨在提供全面的指导,帮助学生掌握网络命令的运用,提升...

    [cnswift.org]swift 4.2-alpha-2018-8-6【合并版】(一个文件内)

    这些更新信息包括文档同步更新到了Swift 4.2的时间点(2018年07月18日),以及一些与维护网站相关的个人或团队的感谢(例如@唯有学习、十步奶一人、阿勇等)。 在知识内容的介绍上,文件提供了Swift编程语言的基础...

    计算机网络实训书

    计算机网络实训书是学习计算机网络知识的重要辅助资料,它涵盖了网络设备的基础知识和实际操作,帮助学生理解和掌握网络通信的基本原理。实训书通常包含一系列实验,让学生亲手操作以加深理解。...

    台語Khok搭仔 (臺語小幫手)-crx插件

    包括「精确搜寻」及「模糊搜寻」- 在「台字田」研究台语汉字的在来写法- 用「斗拍字」的语音合成技术,听听台语字词的准确发音版本历史:v0.2: 增加介面语言设定功能v0.1: 最初版本感谢:- aióng 阿勇 提供台语介面...

    HC-031-122-CHS

    根据给定的文件信息,我们可以总结出一系列与华为认证数据通信专业(Huawei Certified Datacom Professional,简称HCDP)构建运营商路由网络(Building Carrier Routing Network,简称BCRN)相关的IT知识点,具体...

    《高等教育心理学》案例分析题参考答案.docx

    阿勇的父母都是老师,父母的言传身教,让他自小就养成了良好的学习习惯,学习起来格外卖力;乐乐格外宠爱自己选择的这个专业,除了课堂认真学习外,他还在课后乐观地阅读与专业相关的书籍,了解本专业最前端的信息。...

Global site tag (gtag.js) - Google Analytics