HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。(这里只是一个简单的入门,让你知道体系和大致写法。)可以按f12看看别人的网页怎么写 (一般html对大小写都可以接受)
编译器的话推荐 Adobe Dreamweaver Microsoft Expression Web CoffeeCup HTML Editor
其实可以先拿记事本先练练手
大概的结构格式是这样的
< html >
< body >这个是定义内容的主体
< meta charset="UTF-8 " >
…内容
< html >
< body >
这里注意一下。< meta charset="UTF-8 " >
这个是必不可少的的,除非你想打出来的文字乱码
补充一下,这个其实是字符编码的意思大概作用是告诉浏览器此页面属于什么字符编码格式。如果没有的话,他就只能用2进制输出你的文字了
标题
HTML 标题(Heading)是通过
< /H1 > 等标签进行定义的
< H1> 龙冷祁最好了 < H1 >
< H2 > 我才是最帅的,你们休想再颜值方面打败我 < H2 >
(注意h6的标题一定比h5或者之前的要小。可以通过这个来达到某些效果)
就是输出这两个标题
龙冷祁最好了
我才是最帅的,你们休想再颜值方面打败我
就这样增加标题的。(但是标题不能当成内容使用,还是有一定的差距)
内容
内容是用< P > < /P >输出的
如< p > 全世界最最最喜欢老徐了 < \p >
输出就是
全世界最最最喜欢老徐了
(注意要补齐一对< P > 。虽然少了,一般编译器都会不报错。会替你补齐,但是难免有一定的误会出现)
链接
HTML 链接是通过 < a > 标签进行定义的。
< a href=“https://blog.csdn.net/alongwaywith/article/details/106727505”>我把你当亲兄弟对待,而你却把我当你亲爹对待,即可进入神秘世界。。。。。。< /a >
这里需要一个地址让人们点击,这里简单用文字代替
只要点击 我把你当亲兄弟对待,而你却把我当你亲爹对待这句话,即可进入神秘世界。。。。。。可以转跳另一个网址
图片
HTML 图像是通过 < img > 标签进行定义的。
如
< img src=“老徐.JPG” width=“104” height=“142” / > 后面是长宽
将标题居中
align="center"关键是这句话
< h1 align=“center”>我才是这世上唯一的美< /h1 >
改变背景颜色
< body style=“background-color:orange;” >
这个可以用在一段话上用于强调,获得其他的颜色(不仅仅只是大背景,一句话的背景也是背景)
如
< p style=“background-color:green”>我是你永远也得不到的男人.< /p >
在这里,你需要调动style,然后。。。
颜色必须用英文,(你也知道,这个东西是外国人写的。)
水平线(可以用来分隔文章,让文章的结构更好看
hr定义水平线
< p > 你为什么一直这样色迷迷的看着我?< /p >
< hr / >
< p > 你不看我,你怎么知道我再看你,快说你是不是看我很久了?< /p >
< hr / >
效果大概是
你为什么一直这样色迷迷的看着我?
你不看我,你怎么知道我再看你,快说你是不是看我很久了?
换行
如果你不打算多写 < p >,想快速换行那么< br / >就很好用的,
这个不需要一对,因为这个是空的html的标签
< p >龙冷祁< br /> 暗夜☆妖夜< br />hing 玫瑰<br / > hing 白狼< /p >
输出的结果为
龙冷祁
暗夜☆妖夜
hing 玫瑰
hing 白狼
换行和部分排版可能难以实现,网页可能会自动省略了多余的空格和换行,难免有些误差,,,实际上还和段落行数有关。段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。(他并不会按照一个固定的比例去放大和缩小,会减少行数和缩进去弥补)
字体格式和色彩
字体格式有很多种,这个就不一样列举了。
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
这几种是常见的,,,,
< p style=“font-family:times;color:green” >
不是我不喜欢,是我已经失去了陪伴你的资格,希望你能遇到一个真正能陪伴你的人< /p >
(如果需要部分文字改变颜色和字体的话用span,笼统的说 < span > 元素的类,能够为相同的 < span 元素设置相同的样式
就像这样 先在开头部分设置< style>
span.red {
color:red;
}
然后再后面调用 < h1>我才是你 span class=“red” >重要的< /span >爸爸< /h1 >
关于< span > 和< DIV>我后面的文章 会说明的
)
这里补充一点 font-family:times 是一种定义字体的方式。一般都会定义多种字体,但是存在一个优先级的顺序,这样做的原因是为了防止计算机没有安装特定的字体而产生的失误)
这里是比较简单的入门了,想看更多的可以看我接下来的文章