![](https://img-blog.csdnimg.cn/20190726190657498.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML入门基础
HTML的基础框架、各种属性、表格、滚动字符等等
KamukuraIzuru
这个作者很懒,什么都没留下…
展开
-
embed视频标签
例如:<embed src="../../movie/周深 - 大鱼.mp4" width="800" height="500">原创 2019-07-27 16:40:05 · 1696 阅读 · 0 评论 -
插入图片
图片标签img(image)src=“图片的路径及名称”border="1"显示图片的边框width=“宽度”height=“高度”如果只指定高度或者宽度属性,那么图片会按比例放大或缩小如果同时指定高度和宽度属性,那么图片不会按比例放大或缩小align=“left,right,center,top,middle,bottom”<img src="图片名称及后缀">...原创 2019-07-27 16:38:16 · 373 阅读 · 0 评论 -
CSS
样式表代码必须放在head标签内部1.类选择器(class),以点号开头,名称自定义2.id选择器(id),以#号开头,名称自定义在CSS文件写的是style里边的内容例如:#p4{background-image:url(’…/…/Picture/1.jpg’);background-repeat: repeat-x;}文件要以.css结尾在HTML中这样插入CSS文件<lin...原创 2019-07-27 16:35:09 · 227 阅读 · 0 评论 -
表格制作效果
表格制作效果<html><head> <title>表格复习</title> <meta charset="utf-8"></head><!-- leftmargin:网页的内容与左边的距离 topmargin:网页的内容与顶部的距离--><body leftmargin="0" top...转载 2019-07-26 19:54:19 · 199 阅读 · 0 评论 -
列表清单
无序清单(ul),列表项(li),type的属性="disc|circle|square"有序清单(ol),列表项(li),start的属性,序号的初始值:type="1(按数字顺序),a(小写字母顺序),A,i(小写罗马字符),I"定义清单(dl),列表项(dt),下一项(dd)可以用来写备注<html><head> <title>列表清单<...转载 2019-07-26 19:44:01 · 352 阅读 · 0 评论 -
table表格
align水平对齐方式:left,center,righttable表格boder边框的粗细:0无边框:数字越大边框越粗width表格的宽度:绝对值(800,1000,2000),相对值(百分比10%,20%。50%)tr(table row)代表行td代表列height代表高度,必须使用绝对值colspan和并列 colspsan ="3"合并了3列rowspan和并行 rows...原创 2019-07-27 16:28:05 · 115 阅读 · 0 评论 -
sup和sub标签
sup标签:文字得到上标;sub标签:文字的下标<html> <head> <title></title> <meta charset="utf-8"> </head> <body> (11111111)<sub>2</sub>=1*2<sup>7</s...原创 2019-07-26 16:10:17 · 1497 阅读 · 0 评论 -
cite、small和big标签
cite标签:应用,斜体<html> <head> <title></title> <meta charset="utf-8"> </head> <body> <cite>今天天趣不错</cite> <big>大号字</big> <...原创 2019-07-26 16:07:26 · 263 阅读 · 0 评论 -
pre标签
pre标签:原样输出<html> <head> <title></title> <meta charset="utf-8"> </head> <body> <pre> public static void main(String[] args){ System.out...原创 2019-07-26 16:00:41 · 219 阅读 · 0 评论 -
code标签
code标签:源代码标签<html> <head> <title>文字效果</title> <meta charset="utf-8"> </head> <body> <code> public static void main(String[] args){ Syst...原创 2019-07-26 15:56:47 · 315 阅读 · 0 评论 -
p标签
p标签:段落标签,用来写文章比较合适<html><head> <title></title> <meta charset="utf-8"></head><body><h3>《荔枝》</h3><b>作者:肖复兴</b> <p>&...原创 2019-07-26 15:48:03 · 1417 阅读 · 0 评论 -
b标签i标签u标签
p标签:段落标签b标签与strong标签的效果类似,加粗i标签与em标签的效果类似,斜体u标签就是下划线<html> <head> <title></title> <meta charset="utf-8"> </head> <body> <p> &n...原创 2019-07-26 15:29:12 · 1320 阅读 · 0 评论 -
font标签属性
font标签使用font标签设置文字颜色colorfont标签设置文字大小size (1~7)font标签设置文字字体face="(黑体,楷体,宋体)"<html><head> <title></title> <meta charset="utf-8"></head><body> <fon...原创 2019-07-26 15:22:48 · 4109 阅读 · 0 评论 -
hr属性
线条粗细: size=“数字” 例如:size=“8”背景颜色: color=“颜色” 例如:color=“red”水平线的长度:width=“数字” 例如:width=“500”水平线的位置:align=“left|center|right” 例如:align=“center” center居中 left靠左 right靠右<html> &l...原创 2019-07-26 14:56:15 · 1058 阅读 · 0 评论 -
设置文章标题
1.标题hn:n在1~6之间,数字越大,文字越小2.标题的字体默认就是黑体3.黑体加粗4.标题属性,对齐方式align=“left|center|right”5.一个标题占一行的位置<html> <head> <title>文章标题</title> <meta http-equiv = "content-Type" c...原创 2019-07-26 14:29:38 · 495 阅读 · 0 评论 -
br标签
br标签的作用就是换行,是单标签一个br是换一行有时候也写成 br/<head> <tltle>设置字符集</title> <meta http-equiv=”Content-Type” Content = “text/teml;charset=utf-8”></head><body bgcolor="AABB...原创 2019-07-26 14:09:02 · 737 阅读 · 0 评论 -
设字符集
字符集:简体中文(gbk,gb2312,utf-8),繁体中文:big5修改字符集的时候只修改charset=里边的内容例如:改成繁体中文<meta http-equiv=”Content-Type” Content = “text/teml;charset=big5”><Meta http-equiv=”Content-Type” Content = “text/tem...原创 2019-07-26 13:57:17 · 112 阅读 · 0 评论 -
设超链接
超级链接(外部链接、内部链接、邮件链接):a标签href=“链接地址及文件名称”标签的中间写超级链接的标题,可以随便写外部链接:链接到外部网络如百度、腾讯、新浪。内部链接:链接到电脑主机上的某个网页邮件链接:写邮件<head> <tltle>设置字符集(超链接)</title> <Meta http-equiv=”Content-T...原创 2019-07-26 13:52:29 · 135 阅读 · 0 评论 -
body属性
bgcolor=“颜色”(这里的双引号之间可以输入颜色英文单词或者16进制数)例如:bgcolor=“red"或者bgcolor=”#AABBCC"bgcolor(backgroundcolor):body标签的属性,标签与属性,属性与属性之间必须有空格text=“颜色”text:文本颜色<head> <tltle>body的一些属性</title&g...原创 2019-07-26 13:37:06 · 599 阅读 · 0 评论 -
HTML基础框架笔记
最外边的左括号html右括号似乎打不出来。。。head:头部title:标题(只允许出现一次)body:网页的内容必须写在Body标签内部<head> <tltle>这里是写标题的地方</title> </head><body> 文本主题</body>...原创 2019-07-26 13:21:58 · 219 阅读 · 0 评论