HTML5 零二

沫叙

于 2015-01-22 12:31:57 发布

阅读量376

点赞数

本文链接：https://blog.csdn.net/monianxiangxu/article/details/43017779

版权

我和哥哥都这样评价我，典型的三天打鱼两天晒网的学习模式，咳~

我每天晚上都会告诫我自己，必须要努力了，可是天一亮就各种拖延，愧疚。。。

好的，现在开始整理学习笔记，是两天前的了，今天争取提高学习效率，加油！

一 HTML属性

1，标签可以拥有属性为元素提供更多的信息，属性以键/值对的形式出现。

2，常用标签属性：

<h1>:align 对齐方式

<body>:bgcolor 背景颜色

<a>:target 规定在何处打开链接

3，通用属性：

class:规定元素的类名

id:规定元素的唯一ID

style:规定元素的样式

title:规定元素的额外信息

二 HTML 样式、链接、表格

1，标签 <link>资源引用

2，属性

rel=“stylessheet”:外部样式表

type= “text/css”:引入文档的类型

margin-left：边距

HTML 三种样式表插入法：

外部样式表：<link rel="stylesheet" type="text/css" href="my syle css">

内部样式表：

body{background-color:red}

p{marin-left:20px}

</style>

内联样式表：<p style="color:red">

3,HTML链接

a,链接数据：文本链接、图片链接

b,属性：heef 属性：指向另一个文档的链接 <a href="# tipe">跳转到hello</a>

name属性：创建文档内的链接 <a name="tipe">hello</a>

c,img标签属性: alt 替换文本属性

width :宽

height:高

4,表格

表格的类型：

1，没有边框的表格

2，表格中的表头

3，空单元格

4，表格内的标签（ul,li）

5,带有标题的表格

6，单元格边距（cellpading="10“)

7，单元格间距（cellspacing="10"）

8,表格内的背景颜色和图像（bgcolor background）

9,单元格内容排列

10，跨行，跨列单元格

三 HTML 列表

1，无序列表

使用标签：<ul>、<li> <ul type="square">

属性：disc（实体） /cide（空心）/squre（方块）

2，有序列表

使用标签;<ol>、<li> <ol type="A,a...."> / <ol tstart="2,3,4">

属性：A/a/I/i/start

3,嵌套列表

使用标签：<ul>、<li>、<ol> <>

4，自定义列表

使用标签：<dl>、<dt>、<dd>

<dl>

<dt>hello world</dt>

<dd>每一门新语言都有hello world

<dt>hello world</dt>

<dd>每一门新语言都有hello world

</dl>

四 HTML标签

<form> 表单

<input> 输入域
<textarea> 文本域
<label> 控制标签
<fineldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选项组
<option> 下拉列表中的选项
<buttoon> 按钮

HTML常用表单：1 复选框 2 单选按钮 3 下拉列表 4 文本域 5 创建按钮

<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<title> 表格</title>
<meta charest=utf-8>
</head>
<body>
<p>
  <form>
     用户名：
     <input type="text">
     密码：
     <input sype="passpord">
     <br>
     1+1+1=?
     <br>
     1<input type="checkbox">
     2<input type="checkbox">
     3<input type="checkbox">
     <br>
     请选择您的性别：
     男<input type="radio" name="sex">
     女<input type="radio" name="sec">
     <br>
     请选择您最爱的网站
     <select>
        <option>http://blog.csdn.net/sushengmiyan</option>
        <option>http://blog.csdn.net/monianxiangxu</option>
     </select>
        <input type="button" value="按钮">
        <input type="submit" value="确定">
  </form>
  <textarea cols="50" rpws="50">留言薄</textarea>
</p>
<p>
   <table border="1">
   <caption>好好学习，天天向上</caption>
      <tr>
         <td>漂亮</td>
         <td>美丽</td>
      </tr>
      <tr>
         <td>
           <ul type="square">
              <li>温柔</li>
              <li>贤淑</li>
              <li>体贴</li>
           </ul>
             <ol type="a">
               <li>乐观</li>
               <li>积极</li>
               <li>开朗</li>
                <ul>
                  <li>感恩</li>
                  <li>珍惜</li>
                </ul>
             </ol>
         </td>
         <td>
            <dl>
               <dt>优雅</dt> 
                 <dd>知性 纯净</dd> 
            </dl>
        </td>
      </tr>
</p>
</body>
</html>
</span>

恩，这个HTML有瑕疵的在性别那里似乎不妥，暂且这样吧，累了，回头再看看原因吧