今天不说别的(其中包括不扯淡),单纯的聊聊HTML基础!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
(写在body里面就是页面的内容)
</body>
</html>
上面的东西大家不陌生吧?新建一个HTML文件就会出来的东西
注意:<!DOCTYPE> 标签没有结束标签!
head[(头部部分)]
body[(主体部分)]
其中 中有属性:
bgcolor=颜色 (页面的背景颜色)
background=图片路径[路径包括相对路径绝对路径](页面的背景图片)
<h1></h1>标题标签,标题标签有h1-h6
<font></font>标签(该标签用来设置文字属性)例如:
<font size="字体大小" color = "字体颜色" face='"字体样式">文字</font>
ps:大部分标签都是以一对出现,例如
<h1></h1>,<div></div>
等当然不是所有的都是如此例如
<hr />,<br />
既然提到就介绍一下这个吧
[换行标签<br />;
水平线<hr size="厚度" width="宽度" color="颜色">
在排版的时候可以用的上!小本本记下来哦!]
标签有很多,分享的也有很多我不会一个个全部都说但是会说一些重要的常用的!别着急,慢慢看!
有些朋友可能遇到这种情况,输入了很多空格可是在页面中死活没有
太气人了
其实在html中 它是不识别你输入的空格的 因为它的空格需要特殊符号来表示,不要问为什么 因为它没你聪明!!!你是最胖的!
特殊符号有很多,我不发了,就解决郁闷的小伙伴的问题!
空格的特殊符号
另外注意实体名称对大小写敏感
附赠一个网站吧html特殊符号对照表
上面都是小东西,接下来说的一定注意
网站啥最多?你看网站看啥?
文字图片呀!!!
对了!!!
下面就是段落标签p
图片标签img
<img src="图片地址" width="图片宽度" height="图片高度" alt="图片的提示文字"
align="top/bottom/middle/left/right" [这里对应的英语解释分别就是上,下,中,左,右] border="图片的边框宽度">
(align是用于调整图片相对于周围文本的对其方式)
宽高单位是px
文字图片有了 自然而然就需要把这些放的好看一点啦?
我觉得最简单做出效果的就是表格了,但是我今天就是不讲,我是不是可气人了?
我先介绍列表!!!
列表常见的有,有序列表,无序列表两种
有序列表的语法
<ol>
<li>填写信息</li>
<li>填写信息</li>
<li>填写信息</li>
</ol>
无序列表语法
<ul type="序号类型">
<li>所写内容<li>
</ul>
不管是ol还是ul里面的都只能用li标签,两种列表大同小异
但是有一点不同 就是 ol和ul的type属性
先说说ol的type属性也就是序号类型:(序号类型有:1、a、A、ⅰ、I)可以自己动手试一试!,不妨猜测一下,如果type="1"是不是会是按照123456789的顺序拍下去?因为这是有序列表呀
再说说ul的序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形),那这个就没有顺序的说法了吧?所以就是开头会有样式
li可以写很多很多个并不是像我写的,就一个或者三个而是有很多很多,使用多少根据需求!
好了 差不多就这么多 但是 我不过瘾 在打算说几个!!!目的就是为了让自己显得很大佬!
刚刚说空格的问题
那么怎么用html告诉别人,你的空格使用啥代码写出来的?
这就引申出一个高端大气上档次的问题
通过浏览器怎么秀给大家看,你写的代码?
超链接的用法:
链接到其他页面:
<a href=“链接地址”>连接标志 </a>
例如<a href=“http://www.baidu.com”>点击进入百度 </a>`
链接到本页面:首先创建一个锚链接的锚记点:
<a href=“#锚记点名称”>名称</a>
然后在具体要链接到的地方设置
name:<a name=“锚记点名称”>名称</a>
(锚记点前面要加上#号,#号就可以简单的理解成当前页面)
<a href="#lname" target="_blank" rel="external nofollow" >我点击这里</a>
<ul>
<li>dsfds</li>
<li>dsfds</li>
<li>dsfds</li>
</ul>
<a name="name">就会跳到这里</a>
好了我累了,最后说这么一个高级的玩意!!!
滚动
滚动的标签是marquee
<marquee
scrolldelay=滚动延迟时间
direction=up/down/left/right(滚动方向/选择一个填写,你总不能让他同时上下滚吧?!!!?!?)
onmouseover="this.stop()"(当鼠标指在上面时停止滚动)
onmouseout="his.start()"(当鼠标离开时继续滚动) >
滚动的文字和图像
</marquee>
如果你有耐心看完这些内容,
我相信你对html已经有了很深的理解了!
大神即将就是你!!!
让我们一起进步一起学习!
由于本人也是菜鸟说的也不一定完全正确,有错误及时联系我,更好的意见建议也可以!
This is Bookish:
GoodBey!!!