学习网站制作为什么先学html语言 (web前端开发之html基础知识)

html基础语言代码大全,html语言基础

大家今天好我是小月,为大家介绍一下建站的基础语音,喜欢的建站的朋友要认真阅读,这会对你有一定的帮助!!

网站:

网站分类:企业网站 商城 个人博客 资讯网站;

所用的技术基本都是一样的; html div+css js(简单介绍)

html 语言

是什么?

html全称是超文本标记语言,

有什么用?

用来搭建网页的结构,。制作网页;;

怎么用?

语法规范,等;

小写;

标记(标签)是成对出现的;写完开始标签之后一定要马上关闭;

遵循一定嵌套规则;大的嵌套小的;

开发工具 记事本,dw;

first.html 扩展名

word扩展名是.doc

head部分是网页的头部部分;

body部分是网页的主体部分;

head主要用来存放网页的,标题,关键词,描述,作者等信息;

body就是用存放网页的主要内容,就是我们能够看得到的内容,文字,图片,视频,广告。。。。

html基础语言代码大全,html语言基础

浏览器;

是什么?一个软件(应用程序),

windows ie

有什么用?

用来解析网页源代码;把从服务器上*载下**下来的人们看不懂的网页源代码变成变通网民要吧浏览的网页;

怎么用?

原理是什么,如何工作的;

分类;

主法浏览器:ie 谷歌浏览器 火狐浏览器 safari苹果 欧朋浏览器

html基础语言代码大全,html语言基础

https://www.w3cschool.cn/(福利哦!这是最全面的网站代码网址)

html里面常用的标签;

head里面的<title></title>标题是针对整个网站的标题;

标题标签是指文档内部body里面的标题 <h1></h1>针对网页内部的标题是,指某一个网页;

审查元素;右键,审查元素;

h2 标题标签

h1----h6一共有六级标题 从h1到h6字体不断变小,加粗;

标题它很霸道,它一来就独占一行,其它标题,文字等,你就到下一行开始;

段落标签,用来进行分段,段落设置的;

<p></p>

补充:换行标签<br/> 单标签;

属性与属性值;

align是对齐方式的属性,

center 它是属性值;

align它有三个值 left center right 左中右

身高 180CM

体重 200KG

视频标签

图片标签,路径

视频上传;

html基础语言代码大全,html语言基础

<embed> src="http://player.video.qiyi.com/8087

1720cce4f179bdb7d43f2536bfbe/0/0/w_19r

txdm8ud.swf-albumId=7713312809-

tvId=7713312809-isPurchase=0-cnId=12"

allowFullScreen="true" quality="high"

width="480" height="350"

align="middle"

allowScriptAccess="always"

type="application/x-shockwave-

flash"></embed>

这个代码是你上传视频之后的视频代码,可以放在自己的网址你使他人观看你的视频(上传爱奇艺直接可以获得代码这样会很方便)

调用视频标签<embed src=""></embed>

allowFullScreen="true" 允许全屏,

quality="high"

width="480" 宽度

height="350" 高度 默认的单位是像素;

align="middle" 对齐方式;

我们把录制好的视频上传到第三方视频网站有什么好处?

节省我们自己网站空间;

速度快;

有利于seo(视频优化);

图片标签

图片image img

<img src=""/>

src它是img的一个属性,它表示路径;

路径:

路径是指计算机文件在计算机中存储的位置

路径分为相对路径与绝对路径;

绝对路径:是指文件在计算机中的绝对存储的位置;

(选中文件,右键,属性,可以查看文件路径;)

特征:直接从盘符出发下来的路径;C: D:

在网页制作中不使用绝对路径;

相对路径:是指两个文件相对的位置关系;

html基础语言代码大全,html语言基础

first.html文件与pic01.jpg文件都在E盘下面,它们的位置关系是兄弟关系

兄弟关系在写路径时,直接在src的值里面写上src="图片名称"

第二种:叔侄关系;

html基础语言代码大全,html语言基础

first.html文件首先要找到tupian文件夹,然后在tupian文件夹里面找到他的侄儿 pic01.jpg;

src="tupian/pic01.jpg"

<img src="图片路径" /> 双引号是英文下的双引号;

跟图片相关的属性 width="" height="" 宽度与高度;

title="" 鼠标提示

alt属性

alt作用;

当图片无法正常显示的时候,网页中可以显示alt的值,有利于网民了解图片内容;

目前的搜索引擎技术不能够识别图片,它只知道你这是一个图片,但是不知道你的图片内容是什么。alt的里面的提示可以让搜索引擎知道这是个什么图片;

水平线标签 <hr/>

注释;有什么用;

<!--这是注释内容,自定义-->

作用:对复杂的代码结构进行解释说明;方便日后管理查看;

方便对代码进行测试;

以于注释里面的内容,浏览器是不进行解释的;

css注释;

超级链接

html基础语言代码大全,html语言基础

<a href="路径"> 链接对象</a>(超级链接它可以让你的字有跳转到其他页面的功能)

target (有道)

html基础语言代码大全,html语言基础

target有两个常用的值; 第一个值target="_blank"表示在新的一个窗口中打开这个链接;第二个值 target="_self" 表示在原来的窗口位置打开;浏览器中默认的即为此值;

图片也要可以加链接

html基础语言代码大全,html语言基础

<a href=""> <img src="imgs1.jpg"/></a>

列表

分为有序列表和无序列表;

无序列表

html基础语言代码大全,html语言基础

<ul>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

有序列表

html基础语言代码大全,html语言基础

<ol>

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

以上是今天的建站的内容,喜欢的小伙伴关注一下我每天都会更新这方面的知识!谢谢大家!

html基础语言代码大全,html语言基础