HTML制作-爱代码爱编程
HTML网页制作
(输入完代码后鼠标右键点击在浏览器中打开即可显示成品)
1.ctrl+s保存为xxx.html,在Sublime-Text3中打开
输入英文状态下的!+Tab可快速获得基本框
lang=“en”(lang语言,en英文,zh-cn中文)
UTF-8世界通用语言
title网页名称
body内容
1.1标签
1.p分段
2.a链接可点击;a href= “网址”
a标签还可以这样子用a href="#自己定义的网页位置"
例如a href="#c1,网页中有a name="c1"可实现网页中跳转。典型例子就是看网页小说时切换章节的时候。
3.b加粗
4.hr分界线
5.h1标题最多h6,h1最大。
6.**br/**换行
7.input type=“类型”
类型有text(账号一样),password(密码一样),submit(进入键),radio(圈选项),checkbox(方块选项)
8.form格式(通常用于密码账号登陆窗口)
9.div块状内容(body是房子,div是房间)
10.select选择 multiple="multiple”表示滚动条类型,option选项(value定义名字)
11.textarea文本大框架(可输入文字)
cols表示大文本框架的宽度,rows表示大文本框的高度。
12.ul无序/ol有序,内置li标签,有序标签后加type=”A/0“表示用英文字母或数字开始,start表示从该符号开始。i表示斜体
sub表示下标,sup表示上标。
13.img添加图片,基本格式img scr=“网址“,width宽度height高度,用100px或40%来控制,例如width=”100px“height=”40%“。也可以不加,图片大小就是图片原本的大小。
14.video添加视频,基本格式video src=“网址” ,controls="controls"可以显示进度条(暂停或开始)
15.audio添加音乐,基本格式audio src=“网址”, controls=“controls"可以显示进度条(暂停或开始)
16.frameset合并多个网页,基本格式frameset cols横/rows(竖)=”10%,10%,10%“
(有几个网址加几个%,加起来等于100%。由cols和rows可见有横向比值和纵向比 值。)
frame src=”网址1”
frame src=“网址2”
frame src=“网址3”
注意:frameset不能和body一块用(必须在body标签的外面!)
17.span是行内元素和p差不多。不能设置高和宽·=·!
18.dl是解释文本标签。dt小标题,dd解释内容。解释内容会自动缩进。
19.table表格标签,常用于列表类的产品展示,例如电影,视频等。有三个标签和table联用(tr,th,td)。tr定义表格行, td定义表格行中的单元格, th表头的内容。还可以使用小标签border(边框)设置边长,格式为table border=“1px”
注意:19.1:td通常和tr连用在tr里面。
19.2:th作为表头,一般不在tr里面,但在tr里面也可以使用。th在tr里面以行显示,不在tr里面以纵显示。
20.marquee跑马灯(弹幕)小标签有behavior行为(behavior=“类型”,类型有alternate来回滚动,scroll单方向循环滚动,slide只滚动一次),direction方向,height高度。
以上是制作网页的主要标签和个别小标签的运用,下一节将展示css装饰网页的各种小标签,更有实战一步一步制作网页的过程。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/Sax_summersong/article/details/111094268