
大家今天好我是小月,为大家介绍一下建站的基础语音,喜欢的建站的朋友要认真阅读,这会对你有一定的帮助!!
网站:
网站分类:企业网站 商城 个人博客 资讯网站;
所用的技术基本都是一样的; html div+css js(简单介绍)
html 语言
是什么?
html全称是超文本标记语言,
有什么用?
用来搭建网页的结构,。制作网页;;
怎么用?
语法规范,等;
小写;
标记(标签)是成对出现的;写完开始标签之后一定要马上关闭;
遵循一定嵌套规则;大的嵌套小的;
开发工具 记事本,dw;
first.html 扩展名
word扩展名是.doc
head部分是网页的头部部分;
body部分是网页的主体部分;
head主要用来存放网页的,标题,关键词,描述,作者等信息;
body就是用存放网页的主要内容,就是我们能够看得到的内容,文字,图片,视频,广告。。。。

浏览器;
是什么?一个软件(应用程序),
windows ie
有什么用?
用来解析网页源代码;把从服务器上*载下**下来的人们看不懂的网页源代码变成变通网民要吧浏览的网页;
怎么用?
原理是什么,如何工作的;
分类;
主法浏览器:ie 谷歌浏览器 火狐浏览器 safari苹果 欧朋浏览器

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
视频标签
图片标签,路径
视频上传;

<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:
在网页制作中不使用绝对路径;
相对路径:是指两个文件相对的位置关系;

first.html文件与pic01.jpg文件都在E盘下面,它们的位置关系是兄弟关系
兄弟关系在写路径时,直接在src的值里面写上src="图片名称"
第二种:叔侄关系;

first.html文件首先要找到tupian文件夹,然后在tupian文件夹里面找到他的侄儿 pic01.jpg;
src="tupian/pic01.jpg"
<img src="图片路径" /> 双引号是英文下的双引号;
跟图片相关的属性 width="" height="" 宽度与高度;
title="" 鼠标提示
alt属性
alt作用;
当图片无法正常显示的时候,网页中可以显示alt的值,有利于网民了解图片内容;
目前的搜索引擎技术不能够识别图片,它只知道你这是一个图片,但是不知道你的图片内容是什么。alt的里面的提示可以让搜索引擎知道这是个什么图片;
水平线标签 <hr/>
注释;有什么用;
<!--这是注释内容,自定义-->
作用:对复杂的代码结构进行解释说明;方便日后管理查看;
方便对代码进行测试;
以于注释里面的内容,浏览器是不进行解释的;
css注释;
超级链接

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

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

<a href=""> <img src="imgs1.jpg"/></a>
列表
分为有序列表和无序列表;
无序列表

<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
有序列表

<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
以上是今天的建站的内容,喜欢的小伙伴关注一下我每天都会更新这方面的知识!谢谢大家!
