Html基础小结

开发工具与关键技术:Adobe Dreamweaver CC 2017,html标签拓展
作者:谢天林 
撰写时间:2019年01月16日

Html基础小结

高中毕业后的我走上了程序员的路,走上了这条与代码结伴的。一直碌碌无为的我看着自己指尖跳动的代码也是小有成就感。学习了将近三个月的编程,也算是总结了一些心得,希望能给同是初学者的程序员们一点启发。

Html就是我们平时打开浏览器所看到的网页,主要就是由文字、图片、音频、视频构成的。而程序员则是通过标签来搭建网页的框架的。

<br>换行标签
<img src="" alt="">引入图片路径标签
<link rel="stylesheet" href="">连接外部文档标签
<input type="text">文本框标签

<title></title>文档标签,网页标题
<a href=""></a>链接标签,跳转链接,文字有下划线,蓝色字体
<i></i>图标标签,自带斜体文字、
<p></p>文字标签,文字独占一行
<h1></h1>~<h5></h5>标题标签,自带文字大小和粗体效果
<b></b>文字标签,文字粗体
<style></style>样式表内容标签
<script></script>脚本程序内容标签

以上是列举几个常用标签,这些标签都有他们自己的特殊样式,我们可以通过自己的需求来选择自己所需要的标签。可是当你构建网页时同一个标签用了很多次的时候,这个标签的样式就容易混乱,由此我们便可以使用自定义标签来构建网页。

自定义标签:
在这里插入图片描述

自定义标签实现效果:
在这里插入图片描述

自定义标签没有自带的特殊样式,需要自己附加样式进去,不过这也可以用自己的喜好来定义标签(只要不是敏感字符)。

                                                  如有错漏,感谢纠正!

猜你喜欢

转载自blog.csdn.net/weixin_44538322/article/details/86517485