跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

简单HTML网页制作 实例

HTML网页制作 1.新建文本文档,以“html”结尾。

2.用html网页逻辑器打开,这里我们用Sublime Text打开。

Tips:使用 !

+Tab 按键 那么就可以自动生成HTML文档模板 推荐大家使用的前端工具有 Vscode hbuilder sublime_text 等等

在标签

里写文本,

意思是把文本设置为标题, align里设置文本居中属性。

html基本结构

段落标签

用来分段用的 空格标签

 

有几个空格就写几个

 

标题标签

:#=1~6

1~6个标题,就是大小粗细递减,再写7啊8啊的就没啥区别了,看不出来不同了。

图片标签

引号里面填图片地址,如果和文档放在一个空间就直接写,图片名.jpg 就OK了。

3.演示插入图

5.加入一个简单的表格,两行两列。

table> 皮卡丘1 皮卡丘2

6.添加超链接。

定义和用法

标签定义超链接,用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性,它指示链接的目标。

在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 7.表单 用于收集用户数据 在什么样的场景会使用到表单 登陆、注册 表格 需要提交的场景 都会用表单

action -----表单提交路径 -----跳转的功能 method -----提交的方式

输入 Type ----- text password checkbox radio submit reset file 等等 Text ----文本框 Password ----密码框 Checkbox —多选框 Radio ----单选框 Submit ----提交按钮 Reset ----重置按钮 File -----文件上传

Document

用户:

密码:

性别:男 女

爱好:

打篮球 踢足球 游泳 爬山

城市:

8.多窗口框架。

多窗口的框架标签 里面的每一个窗口都是一个frame 注意:

标签不能和body标签连用 页面代码:

Document

a块:

A
A

b块:

B B

c块:

C C

d块:

D D

相关文章