小白HTML学习笔记(2)

作者: 简专 | 来源:发表于2017-11-11 16:35 被阅读0次

    那么,让我们继续中二我们的征途。

    一、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 />。

    码字好累,好想放弃怎么办,我要去撸狗。

    相关文章

      网友评论

        本文标题:小白HTML学习笔记(2)

        本文链接:https://www.haomeiwen.com/subject/qzeimxtx.html