TTNTONZES

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

HTML CSS JS (网络三剑客)

上网就是下载网页

浏览器 就是一个解释器

CS模式--------client server
bs模式--------browser server

HTML是什么 hlyper text markup language 超文本标记语言
超文本: 就是指页面内可以包含图片 连接 音乐 程序等非文字元素
标记语言 标签构成的语言


标签 HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<br> 换行
<p> HTML 段落是通过 <p> 标签进行定义的
HTML 链接是通过 <a> 标签进行定义的
<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的
<img src="w3school.jpg" width="104" height="142" />

块级标签和内联标签

特殊字符: &nbsp空格 需要去百度查

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>LZY做的网页骨架</title>
</head>
<body>
<h1>用户注册页面</h1>
<from action = "heep://127.0.0.1:8080/index">

<p>姓名<input type="text" name = "uesrname" ></p>
<p>密码<input type="password" name = "password" ></p>
<p>
爱好 音乐<input type="checkbox" name = "bobby" value="music" > 电影<input type="checkbox" name = "bobby" value="movie" >
死宅<input type="checkbox" name = "bobby" value="man" > 运动<input type="checkbox" name = "bobby" value="woman" >
</p>
<p>请提交阁下的生活写真
<input type="file" name = "put_file"> </p><select name = "province" multiple size = "1">
<!--<optgroup label="河南省">-->
<!--<option value="zhengzhou">郑州</option>-->
<!--<option value="kaifeng">开封</option>-->
<!--<option value="xinxiang">新乡</option>-->
<!--<option value="luoyang">洛阳</option>-->
<!--</optgroup>-->
<option value="beijing">北京</option>
<option value="henan">河南</option>
<option value="hebei">河北</option>
<option value="shanxi">山西</option>

</select>
简介<textarea name = "desc"></textarea>
<p><input type = "submit" name = "password" value = "提交注册"></p>
</from>
<!--{"username":"yuan","password":1234,"hobby":["music","movie"]}-->
</body>
</html>

 


表格:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LZY</title>
</head>
<body>

<table border="1px" cellpadding="5px" cellspacing="5px">
    <thead>
        <tr>
<th>111</th>
<th>222</th>
<th>333</th>
<th>444</th>
        </tr>
    </thead>
    
<tbody>
    <tr>
<td rowspan="2">1111</td>
<td>1221</td>
<td>1331</td>
<td>1441</td>
    </tr>
    <tr>
<td>1111</td>
<td>1221</td>
<td>1331</td>
<td>1441</td>
    </tr>
</tbody>
</table>

</body>
</html>
常用:
<from>
<input type = "password" name = "ppwd">
<input typee="checkbox" name="hobby" value=""music>
<input type="radio" name="gender" value="=1">
<input type="file" name="filename">
<input type="submit" value="提交">
<input type="button" value="提交">
<input type="reset" value="重置">

<select></select>

</from>

 

posted on 2019-03-11 19:28  TTNTONZES  阅读(136)  评论(0编辑  收藏  举报