web前端开发入门HTML5知识点

1、首先我们先了解一下什么是前端，简单说，就是我们平常所浏览的网页啊，以及app首页和小程序。

创新互联建站专业为企业提供井陉矿网站建设、井陉矿做网站、井陉矿网站设计、井陉矿网站制作等企业网站建设、网页设计与制作、井陉矿企业网站模板建站服务，10年井陉矿做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

2、我们经常访问浏览器的时候，经常会输入网址，又可称为域名http://www...com.
有时候是http有时候又是https，二者的区别在于后者更加安全些，有秘钥。www就是万维网，后缀com、org、edu、cn以及DNS称为域名。

3、web开发设计的基础之一是html。html基本框架有以下几部分组成：
结构

.//声明网页类型
lang="en" // 语言 en ch
//信息标签 charset="UTF-8" 网页的编码类型 utf-8




内容


以上标签都是带结尾的闭合，当然也有自闭和。

3、了解过html的结构，下面我们配置开发环境，我所用的软件是JetBrains WebStorm10.这个软件是要钱的，然后登录后首先进入File-setting-font-color 或者alt+ctrl+s设置字体大小和颜色。然后在file-new-dicrectory新建一个目录，然后在这目录下建html5文件 即file-new-html5 file.

4、创建完一个文件后，了解基本用法和相关标签
alt+F2 浏览或右上角也可快速浏览
按alt键+鼠标单击，可以在不同地方输入相同文字
在每一行的末尾ctrl+D 进行行复制
输入lorem按tab键，可以添加测试文本
p*数字 按tab键，可以输入多行标签P

5、建立一个网页
在body下编辑内容，设计网页常用标签

a）超链接

target: _blank 在新窗口打开
_parent 在源窗口打开锚记：

1、跳转到同一个页面的不同位置
在跳转位置处添加一个锚记，
创建链接 点击内容

2、跳转到不同页面的不同位置
在跳转位置处添加一个锚记，
创建链接 点击内容

b）发送邮件：mailto:邮箱地址
c）路径：
绝对路径 ：从根目录开始
相对路径 ：从当前目录开始
d）常用标签
水平线

---

html注释 ctrl+shift+/
换行

空格：   全角状态下空格
标题 h2~h7

预格式化
斜体
加粗
字体放大
放置代码
删除线
下标
上标
单位： 像素( px) 百分比(%) em rem

图片插入所用标签：

e）表格

表头

标题行
单元格

跨行跨列
rowspan colspan

f）列表
无序列表

type:disc(默认实心圆) square 方块 circle 空心圆
有序列表

type:1 a A i I start:起始位置
自定义列表

g）表单
文本框
密码框
单选按钮
复选框
文件域
按钮 提交
重置


下拉列表




文本域

h）表单分组

name:~~

label 标签

分享文章：web前端开发入门HTML5知识点
文章出自：http://cqcxhl.com/article/ggcppg.html