关闭

Html学习

103人阅读 评论(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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:40344次
    • 积分:1528
    • 等级:
    • 排名:千里之外
    • 原创:113篇
    • 转载:3篇
    • 译文:5篇
    • 评论:3条
    文章分类
    最新评论