web前端开发入门HTML5知识点-创新互联
1、首先我们先了解一下什么是前端,简单说,就是我们平常所浏览的网页啊,以及app首页和小程序。
成都创新互联公司主营韶关网站建设的网络公司,主营网站建设方案,App定制开发,韶关h5成都小程序开发搭建,韶关网站营销推广欢迎韶关等地区企业咨询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)表单分组
label 标签
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章题目:web前端开发入门HTML5知识点-创新互联
网页链接:http://scyanting.com/article/cddedd.html