我的前端入门之html标签

时间:2021-02-22 19:41:58

记录下我学习前端之路的一些笔记,方便查看。以上。。


常见的标签:


<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>
&nbsp; 空格
&lt; <
&gt; >

&amp; &

<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>

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

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

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

爱&nbsp;好: <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>