第三阶段 03_JavaWeb基础_HTML工具以及标签介绍

HTML开发常用工具

1.常用工具:

  俗话说:“工欲善其事必先利其器”。一个好的开发如果没有给力的工具,效率会很低,而且会出错。

   sublime、notepad++、DW(Dreamweaver)、VS(Visual Studio xxxx)、JetBrains WebStorm等等,工具各有利弊,不管用哪个,最基础的还是那些常用的标签,工具可以帮助完成最基本的HTML的框架,最主要的还是开发人员本身。

 

2.HTML常用标签:

   1.注释标签:<!-- -->

    可以在HTML文档中添加注释,增加代码可读性,不会在页面显示,便于以后维护与修改

    2.换行标签:<br/>

      让网页展示信息不会在一行显示

    3.水平线标签:<hr/>

     水平线标签的格式与属性设置:

      <hr align="left|center|right" size="横线粗细" width="横线长度" color="横线色彩" noshade="noshade"/>

    4.特殊符号

      

特殊符号字符实体示例
空格&nbsp;<a href="#">超链接</a>&nbsp;&nbsp;HelloWorld
大于 (>)&gt;30&gt;20
小于(<)&lt;

20&lt;30

引号(“)&quot;HTML属性值必须使用成对的&quot;括起来
人民币(¥)&yen;优惠价:&yen;198
破折号(-)&#8212;举头望明月,低头思故乡。&#8212;《静夜思》
版权号&copyCopyright&copy;xxxxx公司

    5.无序列表:<ul></ul>

      <ul type="disc/circle/square/img src="" "></ul>定义无序列表展示的样子

       disc实心圆点 circle空心圆点 square方块 img src=""指定的图片文件

      常与ul出现的还有<li></li>,li后指定符号的仰视

      <ul type="circle">

        <li>HelloWorld</li>

      </ul>

    6.有序列表:<ol></ol>

      <ol type="1"></ol>      //序号为数字

      <ol type="A"></ol>      //序号为大写英文字母

      <ol type="a"></ol>         //序号为小写英文字母

      同样它中间也可以包含<li>

   7.定义列表:<dt></dt>

     <dt>

       <dt>第一个标题项</dt>

       <dd>对第一个标题项的解释文字</dd>

       </dt>

    8.表格:<table></table> 

      <tr>表格的行</tr><td>表格的列</td>、<th>表格的标题</th>

      属性:rowspan(跨行)、colspan(跨列)

    9.<input></input>元素

      它的使用,主要是属性决定功能,type="text/submit/password/reset/button/image/checkbox/radio/file/select/option..."

    10.文本域<textarea></textarea>

    11.<div></div>布局

    12.表单标签<form></form>

   <form>表单标签,在html页面创建一个表单,表单标签在浏览器没有任何显示,如果数据需要提交到服务器,负责搜集数据的标签必须放在表单标签体内容。

      action属性:请求路径,确定表单提交到服务器的地址(路径)    

      method属性:请求提交方式,常用取值:GET、POST

        GET:默认值

          提交的数据追加在请求路径上,可以在地址栏看到

          请求路径长度有限制,所以GET请求提交数据有限

        POST:

          提交的数据不在地址栏显示

          提交数据大小不显示  

3.总结:

  前一篇博客就已经说过了,光学会几个标签是远远不够的,现在只有页面好看,才会留住客户,所以,下一个博客讲解CSS层叠样式表,如何通过CSS让页面更加美观?

      

转载于:https://www.cnblogs.com/BaiZe258/p/9220226.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值