关闭

Html学习

144人阅读 评论(0) 收藏 举报
分类:
用来做网站布局 asp.net jsp php
1,必要的格式
<html>
<head>
   <title> html学习 </title> 
</head>
<body>
<div style = "width:200px; height : 100px; border:1px solid red;"> 123 内容</div>
<a href = "http://www.baidu.com" target = "_blank">BaiDu</a>
</body>
</html>
2,标记  <head> <body>
3,标签对 <html></html>
4,标签说明
div   盒子
    超链接标记 href target = "_blank" 行内标签
    段落标签 自动换行 块级标签
<br/> 换行标签
<hr/> 划线标签
b     加粗标签
ul     列表标签
h1/2/3/4/5 标题标签
table 表格标签
    border="1" cellspacing="0" cellpadding="0"
    tr   行标签
    td   列标签
    th   标题标签
input <input type="">
    text 文本框
    button 按钮
    submit 按钮 结合表单标记(form)使用 
    checkbox 多选框
    radio 单选框
    file 上传控件
select 下拉列表 option
img 图片标签 <img src="..."/>
video 视频图片 <video src="..." width ="300" height="100"></video>
 

--源码
<html>
<head>
<title> html学习 </title> 
</head>
<body>
<div style = "width:200px; height : 100px; border:1px solid red;"> 123 

内容
</div>
<div>456</div>
<div >789</div>

<a href = "http://www.baidu.com" target = "_blank">BaiDu</a>
<hr/>
<br/>
<table  border="1" cellspacing="0" cellpadding="0">
<tr>
<td>1.1</td><td>1.2</td><td>1.3</td>
</tr>
<tr>
<td>2.1</td><td>2.2</td><td>2.3</td>
</tr>
</table>

<hr/>
<br/>
<input type="text" value="123">
<input type="button" value="登陆">
<input type="submit" value="提交">
<input type="checkbox" value="多选1">
<input type="checkbox" value="多选2">
<input type="radio" value="单选">
<input type="file" value="上传控件">
<input type="radio" value="单选">
<hr/>
<br/>
<select>
<option>1<option>
<option>2<option>
</select>
<hr/>
<br/>
<form>
用户名 : <input type="text" value="123" name="username"/><br/>
<input type="submit" value="提交">
</form>

</body>

</html>





1
0
查看评论

HTML学习之路

1、HTML简介:HTML(HyperTextMarkup Language)即超文本标记语言,是网页内容的载体。CSS(Cascading Style Sheets)即层叠样式表,负责网页元素的样式与布局。HTML由标签组成,这种形式就是标签。HTML标签主要分两类,两边封闭的以及自封闭的。 (1...
  • S___Lei
  • S___Lei
  • 2016-05-18 19:02
  • 2792

html和css学习心得

系统学习web前端大概有一周了吧,看了《Head First HTML与CSS》,这本书属于入门书,语言浅显易懂,跟着书敲代码很快的,我大概用了一天就看完了,同时对html和css有个系统的认识了。接着看了《精通CSS》第二版,受益最多的是从中学会了布局,用好position和float,还有结构与...
  • tyhzsd
  • tyhzsd
  • 2015-08-03 15:44
  • 3001

HTML学习小结之HTML标签

1.文档结构标签  ◎ :标识文档的开始和结束  ◎ :标识文档的头部区域  ◎ :标识文档的主体区域 其中头部区域在页面中不可见而主体区域可见 示例1: 文档结构标签 网页正文写在这里 2.文本格式标签 主要标识文本区块并附带显示格式 ...
  • tomorrowtodie
  • tomorrowtodie
  • 2016-09-13 21:15
  • 732

HTML学习总结

HTML学习总结:1.       HTML中元素和标签元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(和大于号(>)的字符串。开始标签是指以不以斜杠(/)开头的标签,其内是一串允许的属性-值对。结束标签则是以...
  • cauthyxjs
  • cauthyxjs
  • 2006-09-13 02:45
  • 3395

html的学习心得

从大一暑假进入实验室,进的这个实验室叫做网络实验室,是一个充满
  • zzwaini785452392
  • zzwaini785452392
  • 2014-07-09 09:03
  • 2112

HTML5学习路线图

如何学习HTML5?这个话题,问的人很多,随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图,按照这个路线图学习以后,一般的HTML5项目开发就没问题了。 仅作为参考。   1. HTML5教程 主要学习HTML标签、属性和...
  • arui319
  • arui319
  • 2011-12-16 10:45
  • 14928

很不错的html学习资料

(全文都是粘贴的,忘了从那下载的了)           HTML语言入门教程(一) 什么是HTML语言     HTML(HyperText M...
  • dyllove98
  • dyllove98
  • 2013-05-22 20:03
  • 4693

零基础HTML学习历程 (一) 初识HTML

首先我是拿着这本书开始我的HTML入门之旅的(如下图) 对这本书的评价在网上都有,我就不多说了哈。 先给HTML下个含义:HTML是超文本标记语言(HyperText Markup Language)的缩写,用来建立网页的结构。与它形影不离的一个好兄弟是css(这个同...
  • feizaoSYUACM
  • feizaoSYUACM
  • 2016-10-27 08:59
  • 657

Html5学习心得

今天在form表单中写个4个按钮,绑定监听事件后怎么都改不了颜色。点击会触发事件,颜色闪一下就没了,没发儿写个test对照,找了好久才发现问题出在form标签。form标签似乎会在点击事件后使按钮回归初始状态。
  • u010737114
  • u010737114
  • 2016-03-30 22:41
  • 222

学习前端的第一步:HTML

test one 网站第一标题 导航链接一 导航链接二 导航链接三 导航链接四 ...
  • SunnyCM
  • SunnyCM
  • 2016-09-10 22:09
  • 303
    个人资料
    • 访问:71112次
    • 积分:1991
    • 等级:
    • 排名:千里之外
    • 原创:130篇
    • 转载:3篇
    • 译文:5篇
    • 评论:6条
    文章分类
    最新评论