开发工具与关键技术: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>
脚本程序内容标签
…
以上是列举几个常用标签,这些标签都有他们自己的特殊样式,我们可以通过自己的需求来选择自己所需要的标签。可是当你构建网页时同一个标签用了很多次的时候,这个标签的样式就容易混乱,由此我们便可以使用自定义标签来构建网页。
自定义标签:
自定义标签实现效果:
自定义标签没有自带的特殊样式,需要自己附加样式进去,不过这也可以用自己的喜好来定义标签(只要不是敏感字符)。
如有错漏,感谢纠正!