html基础知识点

字符集:

utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文  包括6763个汉字
BIG5   繁体中文 港澳台等用
GBK包含全部中文字符    是GB2312的扩展,加入对繁体字的支持,兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符

单标签:br hr img input base(可以设置整体链接的打开方式)

如果想某一链接以_self打开,在它自己标签里标注即可,优先级大/head>
水平线标签


   换行标签
  /表示标签结束

div  span  是没有语义的 网页布局主要的2个盒子
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容


锚点定位:通过创建锚点链接,用户能够快速定位到目标内容。名称
如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。

一张图片,鼠标放上去,提示文本信息


相对路径:所需打开的文件同一文件夹:只需文件的名称即可
所需打开的文件在下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,
所需打开的文件在上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”
绝对路径:“D:\web\img\logo.gif”(一般不用,一换电脑就不可以用),或完整的网络地址。如“http://www.itcast.cn/images/logo.gif”。

定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:


  
名词1

  
名词1解释1

  
名词1解释2



input的type是类型,可以是text,password,radio等 
用户名:  密 码:   加一个空格就让其对齐了

单选框,通过相同的name值来实现,用户只可以选中一个。 默认被选中checked="checked"  复选框checkbox和单选框用法一样
男   

图像按钮
文件按钮可以选择本地文件

label标签
可以绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。
如: 直接放在lable标签里,点击这句话就可跳到后面的输入框   

for 属性规定 label 与哪个表单元素绑定。类似于锚点。



textarea(文本域),如果需要输入大量的信息,创建多行文本输入框


下拉菜单

在option 中定义selected =" selected "时,当前项即为默认选中项。

form表单中的name用于指定表单的名称,以区分同一个页面中的多个表单。

HTML5新标签与特性
可以去网站详细查询http://www.w3school.com.cn/

常用新标签
header:定义文档的页眉
nav:定义导航链接的部分
footer:定义文档或节的页脚
article:标签规定独立的自包含内容
section:定义文档中的节(section、区段)
aside:定义其所处内容之外的内容

datalist 选项列表

     
    
    


fieldset 标签将表单内容的一部分打包,生成一组相关表单的字段。

    用户登录
    用户名:


    密 码:


常用新属性(用户获得更好的体验):
  | 用户输入的时候里面的文字消失    
             | 当页面加载时input元素自动获得焦点 
              | 多文件上传                     
    | 规定表单是否应该启用记录功能,off是关闭,on是打开,直接写autocomplete默认是on,必须有提交按钮,并且必须给表单名字   name=""|
              | 必填项,为空时是红色边框,部分浏览器可能不兼容                     
         | 使元素获得焦点快捷键,alt+s     

新增的type属性值:
     | 必须有@     
       | 在移动端里是弹出数字键盘   
    | 在移动端里是弹出数字键盘,只能输入数字
    | 搜索框,后面有个x可以删除输入的内容
     | 可以左右拖动     
      | 可以点击选择小时分钟          
      | 可以点击选择年月日 (出生日期或者入学时间等等)       
     | 可以点击选择年月          

多媒体标签
引入网上视频embed
原HTML:iframe:比如说去哔哩哔哩上,点击分享会有