前端入门--html基础教程

<a href="www.baidu.com"> baidu </a>

这个链接里面是跳转后会转接到的位置,baidu是显示在超链接上面的字。

<img src="a.jpg" width="123" height="234"/>

图像是img,这个不是两个标签,后面自己带个反斜杠,注意一下

src是固定的,别忘了写,另外a.jpg需要在同一个路径下面

注意width和height后面的属性都是用""包起来的

HTML文档是由嵌套的HTML元素组成的 一个<p>balabala</p>是一个元素,外面嵌套<body></body>是元素,最外面的<html></html>也是元素

 <br/>的意思代表的是换行,这种里面没有东西的被称作为空元素,实际上,空元素也建议关闭。写做<br/>更加合理。[空元素在开始标签中关闭]

另外所有的标签都小写

HTML标签可以拥有属性,属性以名称,值对的形式出现,有双引号 eg:name="value",属性是在开始标签中定义的(像是a这种有开始结束的就是在开始,img这种没有的,就是在自己)

a href里面的链接也是属性的一种哦

<h1 align="center"> titleaaa </h1>这个是居中,p也可以用(title本身好像是关键词 暂时不确定)(注意不要直接使用center标签)

<body bgcolor="yellow"> 这个是设置背景颜色的,在p里面用不好用,body用

注意bgcolor只能定义背景颜色,但是background系列可以定义很多,其中background-colo也是定义背景颜色

注意,如果属性值的文字部分本身是带有双引号的,那么外层只能添加单引号

标题的前后会自动添加空行,块级元素前后都会自动添加空行(标题,段落都是块级元素)

标题会被搜索引擎用来编制索引。不可以随便使用

<hr/>是画水平线,用于分割内容

<!--balabala-->这个是注释,!----是必须要有的,!紧贴着感叹号

 多行注释

<!--

balabala

-->

注释内容不会被显示在浏览器中,只是为了增强代码的可读性(另外那个横线是在中间的,只是在cnblogs里面显示成了这个样子)

 虽然<p></p>会换行,但是正常换行还是<br/>不应该用段落

换行是可以插入在段落之间的,比如说<p>段落和段落之间<br/>有换行</p>

在浏览器解析HTML的过程中,所有的多个空行或者空格都会被解释成一个空格,(注意空行也是哦)

而如果是<p>   aaa</p>,那么前面连一个空格都不会保留

在html中使用style来改变属性,这个涉及到了一点css的知识点

在使用style的时候前后一起塞进双引号里面,如果是多个属性也一并塞进同一个里面,中间用分号隔开,如果真的遇到里面还需要加的,加单引号

<body style="background-color:yellow">

<p style="font-family:times;color:red">

注意是冒号,style后面才是等号

如果要具体制定,就会设计里层再套,那种字体后面连着三个段,暂时不知道是什么,回头看CSS补上

background-color在p和h里面都能用,bgcolor不能用,另外bgcolor是被淘汰掉的,尽量去使用style

align也是被淘汰掉的方法,使用style里面的 text-align:center

今天看到样式结束,明天开始看格式化

时间才能证明一切,选好了就尽力去做吧!
原文地址:https://www.cnblogs.com/tingxilin/p/11552746.html