菜鸟教程-html

没有详尽的按书照搬，把自己觉得不是很清晰的整理了一下

1.使用小写标签， 如

2.属性总是以名称/值对的形式出现，比如：name="value"。

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

属性有class，id，style，title（属性和属性值尽量小写，方便使用）

3. hr水平线，br分行，页面不会因为你输入的空格数量显示

4.文本格式化

地址：

    Written by Jon Doe.

    Visit us at:

    Example.com

    Box 564, Disneyland

    USA

html

标签
 
  
此例演示如何使用 pre 标签
对空行和    空格
进行控制
 
  
 
  
 
  
5.链接-id属性-三种使用方法
 
  
在HTML文档中插入ID:   有用的提示部分
 
  
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：    访问有用的提示部分
 
  
从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：  
 访问有用的提示部分
 
  
链接实例：图片img，跳到指定位置（查看章节 4 
章节 4
），target属性，发送邮箱 发送邮件，
 
  
发送邮箱：
 
  
 
  
 
  
6.html样式标签
 
  
style：定义文本样式
 
  
link：定义资源引用地址 
 
  
7.img属性src图像位置，alt图片无法加载时的替换文本属性，align：bottom，middle，top
 
  
8. 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。
 
  
 元素始终嵌套在 
 
  
 
  
 
  
9.表格table-tr-th/td，caption是标题
 
  
colspan="2"列合并
 
  
 
  
colspan="2" 行合并
 
  
 
  
cellpadding="10"在table里设置单元格边距，

cellspacing="10"是单元格间距
 
  
 
  
菜鸟教程里简单的表格DEMO
 
  
https://c.runoob.com/codedemo/3187
 
  
 
  
10.有序列表可以自己设置其实位置
 
  
 
  
11.自定义列表
 
  

    
Coffee
    
- black hot drink
    
Milk
    
- white cold drink
 
  
 
  
12.有序列表类型：
    
    
    
 
  
     无序列表类型：
 
  
//实心圆点
 
  
//空心圆圈
 
  
//正方形
 
  
11.表单
 
  

    Username: 

    Password: 
 
  
 
  
type="text"/"password"/"radio"/"checkbox"/"submit"/"button"
 
  
表单
标签method属性，表单数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送。
 
  
两者差异参考：https://blog.csdn.net/dada678/article/details/51712266，尽量用post
 
  
带边框的表单
（
嵌套在边框的标题
）
 
  

    First name: 

    Last name: 

    
 
  
点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。
 
  
下拉选select-option*n，在option中添加selected属性则默认预选
 
  
textarea文本域可以设置rows=10“”，cols=“9”
 
  

    Name:

    

    E-mail:

    

    Comment:

    


    
    
 
  
12.iframe框架：在同一个浏览器窗口中显示不止一个页面
 
  
URL指向不同网页
 
  
frameborder="0"移除边框
 
  
13.颜色#-------，rgb（），rgba（）四个属性最后一个值为透明度
 
  
14.脚本：JavaScript 使 HTML 页面具有更强的动态和交互性。
 
  
 
  

 
  
JavaScript可以直接在html输出（document.write），事件响应（点我！）
 
  
处理html样式（document.getElementById("demo").style.color="#ff0000";）
 
  

    JavaScript 能改变 HTML 元素的样式。


点击这里
 
  
效果：
 
  
  点击后：
 
  
15.字符实体
 
  
小于号<——< 或 < 或 <
 
  
空格：