Alex Tech Bolg
Alex Tech Bolg

HTML-CSS-js教程

HTML

双标签
单标签

html5的DOCTYPE声明

html的基本骨架

head标签

用于定义文档的头部。文档的头部包含了各种属性和信息，包括文档的标题，在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者

body标签
定义文档的主体，包含文档的所有内容，在页面中显示出来，用户可以直接看到的内容

title标签
定义文档的标题，可以显示在浏览器的标签栏或状态栏上。</code>标签是<code><head></code>标签中唯一必须要求包含的东西，就是说head一定要写title，<strong>title的增加有利于SEO（搜索引擎优化）优化</strong></p> <pre><code><!DOCTYPE html> <html> <head> <title>

meta标签
用来描述HTML网页文档的属性，关键词等。例如charset=“utf-8”

标题

生成h1～h6快捷键：h$*6

  • 请确保将HTML标题标签只用于标题
  • 不要因为生成粗体或大号的文本而使用标题
  • 正确使用标题有益于SEO

标签位置

段落标签


文本换行

水平线

图片

src：路径名称
alt：图片显示有问题后的替代文本
width，height 通常只更改width从而保持图片的原比例
title：鼠标悬停的提示

路径

  • 绝对路径
  • 相对路径
    • 子集关系 /
    • 父集关系 ../
    • 同集关系 ./ (可以省略)
  • 网络路径

超文本链接 name 

 
 (可以放图文)

文本标签

着重文字
粗体文字
斜体字
加重语气
删除字
span 元素没有特定的含义

有序列表

    
	
  1. 
	
  2.

type更改每列开头为数字或字母…

无序列表

    
	
  • 
	
  •

表格

快捷键生成 table>tr*8>td*2{sss}

合并单元格

水平合并colspan
垂直合并rowspan

表单

表达是由容器和控件组成，输入框叫做控件，表单就是容器，能够容纳各种各样的控件

action：服务器地址
name：表单名称

method中get和post的区别

  • 数据提交方式，get把提交的数据url 可以看到，post看不到
  • get一般用于提交少量数据，post用来提交大量数据

表单元素：表单标签，表单域，表单按钮

文本框
提交按钮

    

        username: 
        password:

元素分类

块元素与行内元素
HTML-CSS-js教程_第1张图片

HTML-CSS-js教程_第2张图片

HTML5新增标签

请添加图片描述

容器

H5新标签

头部


导航