那么,让我们继续中二我们的征途。
一、html设置
1.链接
<a href=" https://www.baidu.com/">baidu首页</a>
链接是用<a></a>定义的,而href是一个链接属性,用来指定链接的地址。显示出来是这个样子。
2.图像
<img src="1.jpg" width="10" height="20/>
同样的Src是图像的一个属性,表示图像名称,width表示图像宽度,height表示图像高度。
二、HTML元素
HTML元素定义HTML文档。
HTML 元素指的是从开始标签到结束标签的所有代码。也就是从<b>到</b>之前的所有内容,以上面的例子为例,<a href=" https://www.baidu.com/">这是百度首页</a>中,<a href=" https://www.baidu.com/">是开始标签,这是百度首页是元素内容,</a>是结束标签。
元素可以嵌套,就像Excel公式一样,可以一个接一个if的套下去,在HTML里就是<html><body><p>123</p></body></html>中,123就是<p></p>的元素,而<p>123</p>整体,是<body></body>的元素,<body><p>123</p></body这个大整体,就是<html></html>的元素。
没有内容的 HTML 元素被称为空元素,比如<a></a>,两个标签里啥都没写。而开始标签<br/>可以用来关闭空元素。
三、元素的属性
属性是大多数元素有的东西,如果把人比作一个元素,那么身高体重血压拉力就是人的属性(突然很庆幸自己学过VB)。属性是在 HTML 元素的开始标签中规定的,属性总是以名称=值的方式出现,=是赋值的意思,比如:<body bgcolor="yellow">,意思是,把主体背景色设置为黄色。代码是这样:
效果是这样的:
属性值一般要放在引号里,单引号或者双引号都可以,如果是内容里有双引号,外部必须用单引号。
四、HTML标题
标题的大小可以用数字表示,比如<h1> </h1>代表1号标题。标题字号有1-6,比如这样:
显示出来的效果是这样,是不是觉得可以拿来泡妹子?
四、一些小技巧
1.创建水平线
<hr /> 可以在HTML页面中创建水平线。其实就是画出一条直线,自己去试试。
2.注释
帮助你自己记得写的代码是什么意思,语法是这样:
<!—我是正版注释,你看不见我哈哈哈-->
<!我是穿了马甲的注释-->
据说所有程序员都是,老子的代码为什么要写注释!
而所有程序员再看别人的代码时都是,为什么不写注释,一点都不专业!
3.看别人网页的源代码
在页面上单击右键,然后选择“查看源文件”。
4.空格的问题
当显示页面时,浏览器不会显示源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。也就是说在代码里面打空格或者空行是没有用的。别问我怎么解决,我还没学到那一步。
如果不产生新段落要换行,可以用<br /> 标签,<br /> 元素是一个空的 HTML 元素。没有结束标签,写一个就行了。
5.记得写结束标签,没有为什么
6. <p> 是块级元素,所以段落的前后会被自动添加空行,但是如果要自己去添加空行的话,用<br />。
码字好累,好想放弃怎么办,我要去撸狗。