html5标签及属性小结

   注:打字不易,遂标原创。

  html:超文本标记语言。

  Day_01:

  html结构:

<!DOCTPYTE HTML>
<html>
<head>
<title>Title of the document</title>
</head>

<body>

</body>

</html>
 自己的理解:网页主要是由一些html标签嵌套而成,html标签写出的网页为网页的骨架,虽然html的属性可以修改标签的样式,但不推荐使用,等项目大了,样式通常交给css,方便维护。

  为便于我期末复习,就把上课的一些笔记记录在此:

   <!--  --> : 注释,在代码中可以看见,在网页上不会被解析显示。

  <!DOCTPYTE> : 定义文档类型。

  < head></head>: 定义文档头部信息,

其中可包含:<base>:为页面上的所有链接规定默认地址或默认目标,设置默认打开方式。

          <meta>:charset属性可设置字体格式、

 <link>:可引入外部样式。

<style>:可用来设置css样式。

<title> : 设置网页标题。

  <body></body>: 网页体,所有在网页上看得见的部分都写在<body>标签内部。

  <br > : 换行、单个标签。

  <p> : 段落、在此标签内的内容会自动占一行。

       属性:align=“”(可取center、left、right)。

  <h1>-<h6>:定义标题的字体大小,<h1>最大 <h6>最小。

       属性:align=“”(可取center、left、right)。

   <hr>:创建一条水平线

         属性:align=“”(可取center、left、right);size (单位px) ; width (单位:px或百分比)。 

  <img>:创建图片

必写属性:src=" "(引号内为图片的地址) ; alt=“ ” (规定图片的替代文字)

   <pre > </pre> :预格式化文本,此标签内的文本显示与自己源码中的格式相同。不常用的标签。

   <sub></sub> :下标。

   <sup></sup> :上标。

 <form></form> :表单,但凡有数据提交,都必须放在表单里。

常用属性:name=""(表单名称);method=”get/post“(表单提交方式默认get);action=”URL“ (接受表单信息的url);target=” “(目标打开方式)

 <input > :用于搜集用户信息的标签。

        常用属性:type = " " 定义<input>标签的类型

        常见类型:button :普通button ,动态页面用javascript启动脚本。

   checkbox :复选框。

   file :用来上传文件。

  hidden : 定义隐藏的输入字段。

 image :图像button。

password : 密码。

radio :单选按钮。

reset : 重置。

submit : 提交,可将表单数据提交至服务器。

text :单行输入字段。

--------------------------------------------

day_02:

<table></table>表格

       常用属性:align、width、height:跟其他标记中的用法一样;border:设置表格外框的粗细。默认为0;bordercolor:设置表格外框的颜色;
           background:设置表格的背景图片的URL;bgcolor:设置表格的背景颜色;

 <tr >行

 <th>标题单元格,属性只对当前单元格有效

 <td>行中的普通单元格

       属性:

width 单元格宽度(通常设置在第一行;height 单元格高度(通常设置在第一列);要么设置宽高,要么用空格&nbsp;把单元格占上,否则单元格不显示;

rowspan 单元格占用表格行数。也就是行合并;colspan 单元格占用表格列数。也就是列合并;
background 设置单元格背景图像。bgcolor 设置单元格背景色。
align 设置内容水平对齐方式,可选left、center、right;

                valign 设置内容垂直对齐方式,可选top、middle、bottom。

 <ul>

<li></li>

</ul>:无序列表

属性:type:disc(实心圆点,默认值)、square(实心方块)、circle(空心圆点);

 <ul>

<li></li>

</ul>:无序列表

      属性:start :指定序列的起始值,只能是数字,设定是几从几开始。

                 type: 1(阿拉伯数字,默认值)、a(小写字母)、A(大写字母)、i(小写罗马数字)、I(大写罗马数字)

<a></a>:超级链接

     属性:href:设置URL;target:打开方式(_blank:在新窗口打开;_self:在当前窗口或当前框架中打开;_parent:在上一级框架中打开;_top:在整个浏览器窗口中打开;)

<textarea></textarea>:文本域

    属性:name:控件名称;cols:宽;rows:高;

<select></select>:下拉列表框

   <option></option>:选项

属性:value:当前选项的值;selected:初始被选中,属性是标识,没有取值;

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值