欢迎光临散文网 会员登陆 & 注册

HTML基础知识

2019-10-15 17:30 作者:诗书画唱  | 我要投稿

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


HTML基础知识的评论 (共 条)

分享到微博请遵守国家法律