不知道大家怎么认为,反正我觉得写网页代码真的很有趣ヾ(≧▽≦*)o
难道你不想制作一个属于自己的网页吗,按自己的想法,不受别人的束缚,想想就很美好,
我会循序渐进地教大家一些关于写前端的知识,不过最重要的还是要自学哦。
接下来,就要开讲啦,想要写HTML代码,你必须知道的理论知识
一,HTML文档结构
HTML超文本标记语言,以.html结尾
文档格式:通常成对出现
二,html元素之间的关系
html元素包括:开始标签html+元素内容+结束标签html
关系:父子关系兄弟关系子孙关系后代关系
1,如图,最外层的html元素包含了head和body元素,则head和body元素就是html元素的子元素,html元素为父元素
2,同时head和body元素都是在html元素之下,属于同级元素,我们称它们互为兄弟元素
3,而body中的p元素相对于html元素来说,是子元素的子元素,我们称之为子孙元素,
4,如果更往下嵌套(包括子孙元素),我们称之为后代元素
注意:除了某个元素的下一级元素我们称之为子元素,连续一层一层往下嵌套的都可以称之为后代元素
三,标签
整个html文档都是由标签组成,学会了每个标签的名称及功能,基本上你就学会了html语言
1,html:包裹所有的其他标签,是html最外层的元素
2,head:文档的头部
3,title:表示网页的标题
4,body:所有的网页内容都放在body中。
5,div:表示一个容器或者盒子,可以在里面嵌套一些css代码
6,span:功能和div类似,可以用来装一小段文字,区别就是span可以再一行内显示,而div是独占一行
7,h1-h6表六级标题,效果是从h1开始文字逐渐变小
8,p标签:段落标签,通常用来装一整段文字。
9,ulli标签:ul为无序列表标签,li为里面的每个列表项目
10,iemstrongbrhr
i,em表示斜体,strong标签表示加粗,hr表示一根水平分割线,br表示换行(hr,br都是单标签)
11,img:图像标签可以引入图像
imgsrc=图片的地址“/属性:img标签必须加上src属性才能把图像显示出来
alt属性,当图片没有办法显示时,用来提示用户的文字。imgsrc=”head.jpgalt=这是一张图片“/当地址错误无法显示图片时,会出现alt后的文字。
title属性:当鼠标移动到图片上面的时候,用来提示用户的文字
imgsrc=”head.jpgalt=这是一张图片“title=”这里是图片“/
12,a标签:表示超链接,可以链接一切资源,比如网址,视频,文字等
href属性:超链接的地址ahref=baiduwangzhi百度/a
target属性:_blank表示新建一个浏览器,标签页来显示超链接的内容,不会覆盖原来的网页
ahref=baiduwangzhitarget=_blank百度/a
以上内容大概就讲完了,大家可以私底下尝试一下哦,或者有什么要补充的欢迎下方留言。