静态网页开发基础

基本标签(行级标签)

<p></p>文本标签

<h1></h1>...<h6></h6>指的是标题标签数字越大文字显示越小

技术分享

<br/>换行

<hr/>横线

<image>图片标签支持以下图片形式

技术分享

  <img alt="花花" src="images/招募图.jpg" width="80" height="80">

当图片与网页在同一级目录下使用src="招募图.jpg",上一级目录使用../如src=../"招募图.jpg",下一级目录src="images/招募图.jpg"。

 超级链接

技术分享

 url指的是跳转的路径

HTML使用特殊字符

技术分享

 注释

技术分享

 XHTML规范

1.标签名和属性名称必须小写

2.HTML标签必须关闭

3.属性值必须引用引号括起来

4.标签必须正确嵌套

5.属性不能简写

6.必须添加文档类型声明

无序列表

技术分享

有序列表

技术分享

表格

技术分享

技术分享

表格中的合并行和列

技术分享

 <table border="1" cellpadding="0px" cellspacing="0px" width="60%">
      <tr >
          <td colspan="3">哈哈哈</td>
      </tr>
      <tr>
          <td>adf</td>
          <td>adf</td>
          <td>adf</td>
          <td>adf</td>
      </tr>
      <tr>
          <td rowspan="2">adf</td>
          <td>adf</td>
          <td>adf</td>
          
      </tr>
  </table>

网页中当我们使用注册,登陆,实现数据提交时都要使用到表单。

技术分享

method有两种提交方式"get"提交"post"提交,action=""或者"#"表示提交到当前页面。

表单元素<input/>标签

技术分享

文本输入框

技术分享

技术分享

单选框按钮

其中name的值必须相同,checked="checked"默认选中如下面默认选中“男”

技术分享

复选框按钮

技术分享

按钮

提交按钮 type="submit"

重置按钮 type="reset"

普通按钮 type="button"

技术分享

下拉列表

(<SELECT 属性>)

技术分享

(<option 属性/>)

技术分享

技术分享

多行文本域(<textarea></textarea>)Text为默认值

技术分享

技术分享

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。