代码编织梦想

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

vue this is undefined-爱代码爱编程

在使用axios经常会出现这个问题 如下面代码 data(){ return{ goods:{ title:null, subTitle:null, originalCost:null, currentPrice:null, discount:null, isFreeD

《HTML+CSS》记录3,常用标签-爱代码爱编程

标题标签 在HTML中,一共有六级标题标签:h1~h6(head),使用HTML时,并不关心标签文字大小,显示效果统一由css来定义,使用HTML时,我们关心标签的语义,六级标题中,h1到h6重要性依次降低,对搜索引擎来说,h1的重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容。因此h1标签会影响页面在搜索引擎的排名,在页面中只能

HTML与CSS基础-爱代码爱编程

HTML与CSS基础 一、HTML1.概念2.快速入门3.标签学习(1)文件标签:构成html最基本的标签(2)文本标签:和文本有关的标签(3)图片标签(4)列表标签(5)链接标签(6)div和span(7)语义化标签(8)表格标签(9)表单标签:二、CSS1.概念2.使用CSS的好处3.CSS的使用,与html结合方式内联样式内部样式外部样式4.

使用NodeJs定时给亲爱的人发送彩虹屁-爱代码爱编程

1.工具包安装 NodeJs 所有的工具包都是基于安装NodeJs的基础之上 nodemailer NodeJs 发送邮件的插件包 axios 发送Ajax请求的请求包 node-schedule 定时执行任务包 2.代码 const nodemai

VUE组件-爱代码爱编程

这里写目录标题 VUE组件组件的注册全局注册局部注册 VUE组件 组件的注册 全局注册 在组件中设置数据的方法是跟Vue实例有点不同。data是一个函数并且它是直接返回一个对象,而不是像Vue实例中直接就是一个对象<div class="app"> <!--调用注册的组件--> <button-co

动态添加删除Tab选项卡-爱代码爱编程

效果图: html: <div class="tabbable"> <ul class="nav nav-tabs" id="myTab"> <li class="active show" id="compose1-li"> <a data-toggle="tab