HTML入门

最新推荐文章于 2024-06-13 10:31:50 发布

chenshufei2

最新推荐文章于 2024-06-13 10:31:50 发布

阅读量1.2k

点赞数

分类专栏：前台Web 文章标签： html input stylesheet javascript button 语言

本文链接：https://blog.csdn.net/chenshufei2/article/details/7905693

版权

前台Web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一、HTML概念：

超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1996年1月14日，W3C推荐标准

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

HTML 5 的第一份正式草案已于2008年1月22日公布，仍继续完善

二、HTML 整体上的标签含义：

<html> 标记网页的开始

<head>；标记头部的开始头部元素描述，如文档标题等，还可以加入css与javascript的如<link rel="stylesheet"; href="1.css"; type="text/css" />等

</head>；标记头部的结束

<body> 标记页面正文开始

页面实体部分

</body>；标记正文结束

</html>；标记该网页的结束

三、常用标签元素

1. <h1></h1> 最大的标题

2.
  <dl>
   <dt>上层项目内容</dt>
   <dd>下层项目内容</dd>
   <dd>下层项目内容</dd>
   <dd>下层项目内容</dd>
  </dl>

3. 水平线 <hr/>

4. <ul></ul>内部可有<li></li> 是无序的如：

<ul type="square">
   <li>无序项目列表</li>
   <li>无序项目列表</li>
   <li>无序项目列表</li>
   <li>无序项目列表</li>
  </ul>

6. <ol></ol>内部有<li></li> 是有序的如：

<ol type="a">
   <li>有序的项目列表</li>
   <li>有序的项目列表</li>
   <li>有序的项目列表</li>
   <li>有序的项目列表</li>
  </ol>

7. 图片标签 <img src="imgs\1.jpg" height=350 width=500 border=10 alt="啊，美女！" />

8. 表格标签 <table> <tr> <td></td></tr></table> <tr>行 <td>单元格

9. 超链接 <a href="http://www.sina.com.cn" target="_blank">新浪网站</a> target 为_blank 是在新的窗口中打开。

<a href="javascript:void(0)" οnclick="alert('我弹')">这是一个超链接</a>

<a name=top>顶部位置</a> <a href="#top">回到顶部位置</a> 可定义name，href回到name处，加href = #name即可

10. 表单 <form> 支持的标签有：

10.1 文本框<input type="text" name="userName" /> input text

10.2 密码框<input type="password" name="password" /> input password

10.3 单选<input type="radio" name="sex" value="男" checked="checked" /> input radio

10.4 多选<input type="checkbox" name="className" value="java" /> input checkbox

10.5 选择 <select name="province" > <option value="江苏">江苏</option> </select> 把握好slect 与option标签

10.6 上传文件框 <input type="file" name="personPic" /> input file

10.7 空白按钮<input type="button" name="noButton" value="获取当前时间" /> input button 这个可用将来点击按钮出，相应响应来用。

10.8 隐藏框 <input type="hidden" name="noButton" value="获取当前时间" /> 通常可以将本页面，不需要显示出来的参数传给服务器

10.9 自由文本内部 <textarea name="personIntro" cols="120" rows="10"> 请输入个人介绍</textarea> textarea

10.10 图标提交元素 <input type="image" src="../192.168.1.18.jpg" />

10.11 提交 <input type="submit" value="提交数据" /> 重置：<input type="reset" value="重置数据" />

11. 移动标签 <marquee direction="down" behavior="slide">嘿，原来我会飞!</marquee>

12. 相应的<pre></pre>可将代码中的样式，原来输出来。

13. b 粗体 <b>这是</b> I 斜体 <i>演示</i> u下划线 <u>其他</u> sub下标 X<sub>2</sub> sup上标 X<sup>2</sup>

14. 块或叫盒子 <div> 默认会换行 <span> 默认不换行 <p> 区域段落

15. 框架 frameset 如下：分上下（下又分左与右）

chenshufei2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门

一、HTML概念：超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1996年1月14日
复制链接

扫一扫