没有合适的资源?快使用搜索试试~ 我知道了~
首页web前端基础入门知识
资源详情
资源评论
资源推荐

HTML—超文本标记语言
“超文本”页面可以包含图片、链接、音乐、程序等非文字元素
基本页面:
<!DOCTYPE html><!—浏览器得知自己要处理的内容是 html-->
<html lang=”en”>//文档中 HTML 部分的开始”en”翻译成英文”zh”翻译成简体中文
<head>//提供有关文档内容和标注信息的
<meta charset=”UTF-8”>//编码//meta 用来给浏览器多次访问 charset 编码方式
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">//网页中文显示转换
<title>Title</title>//标题//有<head>必须有<title>
</head>
<body>//主体
</body>
</html>
基本元素:

基本元素:
超链接:<a> <href> <target> <_blank> <self>
<!—href 属性规定链接目标-->
<a href="http://www.baidu.com">yuan1</a>
<br><!--换行-->
<!—target 规定在何处打开链接-->
<a href="http://www.baidu.com"
target="_blank">xinjian2</a><!--_blank 新建窗口打开-->
<br><!--换行-->
<a href="http://www.baidu.com"
target="_self">yuan_self3</a><!--_self 当前窗口打开-->
字体设置:
<h1> <b> <em> <u> <s>
<h1>我的电脑</h1><!--字体大小-->
<b>我的电脑</b><!--粗体-->
<em>我的电脑</em><!--斜体-->
<u>我的电脑</u><!--下划线-->
<s>我的电脑</s><!--中间删除线-->
表格元素:
<thead> <tr> <th> <td>
<tbody>
<tfoot>
<table border="1px" align="center"><!--表格//border 边
框//align 位置//center 置中-->
<thead><!--表头-->
<tr>//行元素
<th>用户名</th><!—th 表头加粗居中-->
<th>性别</th>
<th>密码</th>
</tr>
</thead>
<tbody><!--表的内容-->
<tr>
<td>Admin3123131</td><!—td 正常居左-->
<td>男 3213131</td>
<td>1231231231</td>
</tr>
</tbody>
<tfoot><!--表脚-->
<tr>
<td>用户名</td>
<td>性别</td>
<td>密码</td>
</tr>

</tfoot>
</table>
效果图:
合并单元格:
行:colspan
列:rowspan
<tr>
<th rowspan="2">aaaaa</th><!--合并列单元格-->
<th>aaaaa</th>
<th>aaaaa</th>
<th>aaaaa</th>
</tr>
<tr>
<td colspan="2">aaaaa</td><!--colspan 合并行单元格-->
<td>aaaaa</td>
</tr>
效果图:
列表元素:
<ol>有序标签 <li> <reversed>
<ul>无序标签
<body><!--主体-->
<ol type="A"><!--type 序号格式-->
<li>处理图像</li><!--列表中的项-->
<ul><!--无序标签--><!--列中列-->
<li>在页面上插入图片</li>
<li>裁剪图片</li>
<li>组合图片</li>
</ul>
<ol type="I" reversed><!--有序标签--><!--reversed 倒序-->
<li>在页面上插入图片</li>
<li>裁剪图片</li>
<li>组合图片</li>
</ol>
</ol>
</body>
效果图:

表单元素 1:获取用户输入的手段
<input>单行文本框 <text> <value> <placeholder> <maxlength> <size>
<readonly> <password> (PHP 有关<method><action>)
<textarea>多行文本框 <rows>
<body><!--主体-->
<form><!--为用户输入创建 HTML 表单-->
<input type="text"><!--单行文本框//默认 text 格式-->
<br><br>
<input value="我的电脑 1"><!--value 占位符//默认填写输入内容--
>
<br><br>
<input placeholder="我的电脑 2"><!--显示不占位-->
<br><br>
<input placeholder="我的电脑 3" maxlength="10"><最大长度 10>
<br><br>
<input placeholder="我的电脑 4" size="50"><!扩宽单行文本框>
<br><br>
<input value="我的电脑 5" readonly><!readonly 只读,不能增删>
<br><br>
<input type="password" placeholder="输入密码"><password 加
密黑点>
<br><br><!--textarea 多行文本框//rows 长度//cols 宽度-->
<textarea rows="20" cols="40">
wanfang
wanfang
</textarea>
</form>
</body>
效果图:
剩余16页未读,继续阅读
















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0