您的位置：首页 > Web前端

我的前端入门之html标签

2017-07-07 11:17 656 查看
记录下我学习前端之路的一些笔记，方便查看。以上。。

常见的标签：

<head>
<meta charset="utf-8">
<meta  name="keywords"  content="">
<!-- 作用：对网站进行优化的作用  SEO -->
<meta  name="description" content="">
<!--  对网站的描述。 -->

<meta http-equiv="refresh"  content="5;  url=http://www.baidu.com">
<!--   网页重定向 -->
<link  rel="icon"  href="favicon.ico">
<!--  给网页titile中放置小图标 -->
</head>
<body>

<hr>横线
<p>段落标签</p>
<h1>标题h1-h6</h1>
...标题...
<h6>标题h1-h6</h6>
   空格
<    <
>    >
&   &

<strong>文字加粗</strong><br/>
<EM>文字斜体</EM><br/>
<del>删除线标签</del><br>
<ins>文字下划线</ins><br>

<pre>原样输出  (像诗词)</pre>
<blockquote>段落缩进(blockquote)</blockquote>

embed放置背景音乐。
<embed src="" hidden="true"/>
页面滚动
<marquee behavior="滚动方式" direction="滚动方向"></marquee>

<!-- <img src="img/timg3.jpg" height="750" width="1200"> -->
<!-- img：图片
常用的属性：
src: 表示图片源位置
width: 宽度
height: 高度
alt： 替换文本的作用是在src失效时使用
title: 提示文本，鼠标经过显示的内容-->

<!--  a href  超链接  锚链接  简单的下载功能
属性：
target="_self"    默认值  网页在当前页面中打开
target="_blank"   网页在新窗口中打开 -->
<a href="1.rar"> </a>

<br>
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表
<ol type="a">
<li></li>
<li></li>
<li></li>
</ol>

自定义列表
<dl>
<dt> 小标题
<dd>列表项</dd>
<dd></dd>
</dt>
</dl>

</body>


表格的标签：

<!--
常用的属性：
border: 表格的边框(两条边框)
width: 表格宽度
height: 表格高度
algin: 对齐方式。center:居中对齐， left:左对齐， right,右对齐
th: 表头（自动加粗和居中）
caption: 表格的标题

cellspacing：设置单元格之间的距离
cellpadding：文字距离单元格边框的距离

合并单元格：
行合并 ： rowspan ： 合并来自不同行的单元格
列合并 ： colspan ： 合并来自不同列的单元格
-->
<table border="1" align="center" width="400px" height="150px">
<caption><font color="red"> 2017考试</font></caption>
<tr>
<th>姓名</th>
<th>科目</th>
<th>分数</th>
</tr>
<tr align="center">
<td rowspan="2">小明</td>
<td>语文</td>
<td>60</td>
</tr>
<tr align="center">

<td>数学</td>
<td>50</td>
</tr>
<tr>
<td>小红</td>
<td>英语</td>
<td>100</td>
</tr>
<tr align="center">
<td colspan="2">平均分</td>
<td>70</td>
</tr>

</table>


表单的标签：

<form>
<!--
maxlength：           设置文本输入框最多能输多少字符
readonly="readonly"   设置文本输入框为只读（只能读不能编辑）
disabled="disabled”   控件属于非激活的状态
name="username"       给输入框设置名称
Value=""              设置或者显示输入的值 -->
表单边框
<fieldset>
<legend >用户注册</legend>

用户名 <input type="text" name="username"/ maxlength="10"><br/>
密 码 <input type="password" name="psd"/><br/>

<!-- 单选选中checked = checked -->
性 别 <input type="radio" name="gender" value="男"/>男<input type="radio" name="gender" value="女"/>女<br/>

<!-- 下拉选中selected = selected -->
籍 贯：
<select name="jiguan">
<option value="广东">广东</option>
<option value="广西">广西</option>
</select><br/>

爱 好： <input type="checkbox" value="足球"/>足球<input type="checkbox" value="篮球"/>篮球<input type="checkbox" value="羽毛球"/>羽毛球<br/>
<input type="file" /><br/>

个人简介：<br/><textarea name="info" cols="20" rows="5"></textarea><br/>

<input type="submit" value="注册"/>

<input type="button" value="普通按钮">

</fieldset>

</form>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航