HTML基础知识

html是一种超文本标记语言
主体框架
<html>
<head>//头部区域
<title>我的第一个网站</title>
</head>
<body>//身体区域
</body>
</html>
标题标签:<h1>-<h6>依次变小
分割线:<hr>(单行标签)
换行:<br>(单行标签)
字体设置:<font 颜色 color="red" 大小 size="20" 字体样式face="宋体"></font>
插入图片:<img src="图片的路径" width="宽度" height="高度">
----------------------------------------------
T2
超链接:<a href="超链接连接的地址" target="新窗体的打开位置(self _blank)">在a标签中间添加文字或者图片</a>
html注释:<!--内容-->
C语言中的单行注释://
<sub>内容</sub>:在下方
<sup>内容</sup>:在上方
Hbuilder快捷键注释:Ctrl+/
走马灯:<marquee scrollamount="滚动速度" loop="滚动的次数" direction="left/right/up/down" bgcolor="背景颜色"></marquee>
T3
表格:table
行:tr
单元格:td
表格的语法
<table>
<tr>
<td></td>
</tr>
</table>
th:标题 字体是加粗的,字体默认居中
给表格加边框:border="1px"
表格的对齐方式:align="左(left) 中间(center) 右(right)上(top) 下(down)"
cellspacing:设置单元格和单元格之间的间距
若想让表格的内容居中,则给tr设置align
属性colspan:合并列
rowspan:合并行
--------------------------------------------
T4
有序列表:显示的样式有5种,默认为数字,小写英文,大写英文,小写和大写罗马数字
<ol type="a" start="开始的位置"> <li></li></ol>无序列表:显示的样式有3种,默认为实心圆(disc),空心圆(circle),正方形(square)
<ul type="a"> <li></li></ul>
不显示项目符号:style="list-style:none"
自定义列表:
<dl>
<dt>标题或者是图片</dt>
<dd>详细介绍</dd>
</dl>
锚点链接:开始的位置:<a href="#名字">内容</a>
终点的位置:<a name="名字">内容</a>
----------------------------------------------------------------------------------
T5
外层的form必须写:<form action="目标地址"></form>
用户名:<input type="text" placeholder="请输入用户名">
密码框:<input type="password" placeholder="请输入密码">
提交按钮:<input type="submit" value="提交">
取消按钮:<input type="reset" value="取消">
普通按钮:<input type="button" value="普通按钮">多行文本框(文本域):<textarea name=""cols=""rows=""warp=""></textarea>
warp:换行控制,其取值如下:
off:不自动换行
hard:自动硬回车换行,换行标记一同被传送到服务器中去
soft:自动软回车换行,换行标记不会传送到服务器中去
复选框:<input type="checkbox" checked="checked"(默认选中) name="取的名字可以随意些(用于分组)”>蔡徐坤的篮球
单选框:<input type="radiao" checked="checked"(默认选name)="取的名字可以随意些(用于分组)">男
下拉框:
<select>
<option selected="selected">上海</option> </select>
日期框:<input type="date">