目录
html标签
- html 标签是整个 html 文件的根标签(最顶层标签)
- head 标签中写页面的属性.
- body 标签中写的是页面上显示的内容
- title 标签中写的是页面的标题
<html>
<head>
<title>第一个页面</title>
</head>
<body>
hello world
</body>
</html>常见的html标签
注释标签
<!-- 我是注释 -->
/+Ctrl 可快速进行注释（取消注释）
标题标签
<h1>~<h6> 数字越大字体越小
段落标签
<p> 这是一个段落 </p>
注意：
- p 标签之间存在一个空隙
- 当前的 p 标签描述的段落, 前面还没有缩进.
- 自动根据浏览器宽度来决定排版.
- html 内容首尾处的换行, 空格均无效.
- 在 html 中文字之间输入的多个空格只相当于一个空格.
- html 中直接输入换行不会真的换行, 而是相当于一个空格.
换行标签
<br/> 表示换行标签 （注：br 是一个单标签(不需要结束标签) ）
格式化标签
- 加粗: strong 标签 和 b 标签
- 倾斜: em 标签 和 i 标签
- 删除线: del 标签 和 s 标签
- 下划线: ins 标签 和 u 标签
例：
<strong>strong 加粗</strong>
<b>b 加粗</b>
<em>倾斜</em>
<i>倾斜</i>
<del>删除线</del>
<s>删除线</s>
<ins>下划线</ins>
<u>下划线</u>
图片标签
<img src="图片路径">
img标签的其他属性：
- alt: 替换文本. 当文本不能正确显示的时候, 会显示一个替换的文字.
- title: 提示文本. 鼠标放到图片上, 就会有提示.
- width/height: 控制宽度高度. 高度和宽度一般改一个就行, 另外一个会等比例缩放. 否则就会图片失衡.
- border: 边框, 参数是宽度的像素. 但是一般使用 CSS 来设定.
超链接标签
<a href = "http://www.baidu.com" > 百度 </a>
href:
必须具备
,
表示点击后会跳转到哪个页面
.
target:
打开方式
.
默认是
_self.
如果是
_blank
则用新的标签页打开
.
表格标签
- table 标签: 表示整个表格
- tr: 表示表格的一行
- td: 表示一个单元格
- th: 表示表头单元格. 会居中加粗
- thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的)
- tbody: 表格得到主体区域.
列表标签
无序列表
<ul>
<li>内容</li>
</ul>有序列表
<ol>
<li>内容</li>
</ol>自定义列表
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>表单标签
form标签
<form action="发送到服务端的路径">
... [form 的内容]
</form>input标签
文本框：<input type="text">
密码框：<input type="password">
单选：男<input type="radio" name="sex">
女<input type="radio" name="sex">
多选：爱好<input type="checkbox" name="hobby">
按钮：<input type="button" value="点我">
提交按钮：<input type="datetime" value="提交">
重置：<input type="reset" value="重置">
选择文件：<input type="file">注意:单选框之间必须具备相同的 name 属性, 才能实现 多选一 效果提交按钮必须放到 form 标签内. 点击后就会尝试给服务器发送清空按钮必须放在 form 中. 点击后会将 form 内所有的用户输入内容重置.
select标签
下拉菜单
<select>
<option>--请选择年份--</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
</select>textarea 标签
文本域标签
<textarea rows="3" cols="50"><textarea/> //不要换行无语义标签div&span
- div 是独占一行的, 是一个大盒子.
- span 不独占一行, 是一个小盒子.
特殊字符
空格 : &nbsb ;小于号 : &it ;大于号 : > ;按位与 : & ;
376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
