发表于: 2019-08-27 22:26:05

1 917


 今天学习事件

Github是托管项目代码

仓库(Repository

仓库是用来存放项目代码,每个项目对应一个仓库,多个开源项目侧有多个仓库

收藏(Star

收藏项目,方便下次查看

复制克隆项目(fork

就是复制别人的项目到我的仓库,该项目是独立存才。

 

 

 

 

 

 任务一

  先了解本机的IP

  IPipconfig(查询电脑IP) 192.168.0.172

http:是超文本传输协议,是英特网上的一中网络协议,所以WWW文件必须遵守这个标准。

  Wed : 也叫万维网 是一汇总基于超文本协议进行全球性的 动态交互跨平台在internet上的一种网络服务。

<p> 这是一个开始标签 
</p> 
这是一个结束标签

<p>肥皂<p>叫文本内容

<h1><h1> 这个可以把字变大变小

<h2><h3>

 一个完整的HTML文件,应该至少包换html元素,body元素以及内容

代码如下

 <html>

<body>

<h1> 这里面是内容<h1>

</body>

</html>

效果展示

这里要注意下 如果你写的代码<h1> 这里面是内容 <>后面没有代码也可以展示出来这是因

浏览器渲染你的错误代码,未来会不会展示出来不清楚,所以要尽量把元素写完整。

有的特殊元素,没有内容,开始和结束标签放在一起如

BR HR

<hr/>相当于是在浏览器页面画个横线。

<body</body是网页设计里面的一对标识,表示是网页主体。在它之间的东西是可以在网页展示的。因此,网页的文本,表格,图片,音乐,视频,以及表单(和客户交流的窗子),在设计网页时一般都放在这一对标识里。

属性用来修饰标签的 
比如要设置一个标题居中

Align = center 叫属性

Align时 属性名

Center时属性值

属性值应该用双引号括起来

html使用<!-- --> 进行注释

 代码表示如果下

<!--align属性用于对齐-->

<h1>w 居中标题</h1>

 <!--align属性用于对齐-->

font-size:12px; //意思是字体大小,后面的12px是规格的意思

color:#930; // 颜色 后面跟着的#930是颜色的编码可以换其他数字变成其他颜色

text-align:center;  //让字体对齐居中

具体效果如图下

标签的认识

<>2个英文尖括号才是标签里面的放的是如<html>就是一个标签凡是用<>括起来的都是标签

标签具体有什么用?

没个标签都有它的用处如

<!DOCTYPE>位于声明文档位置最前面,可告知浏览器文档使用那种HTMLXHTML规范。

<h1><h1/> 标签就是标题里面专门些一些文章标题就用这个。

<p><p/>也是标签,就可以写一些文章内容。

每个标签里面的单词不同 用法也就不同。

<body>标签内容</body>//这个标签是用来写其他标签内容,如标题标签<h1>,内容标签<p>等。

<head>标签

n. 头;在HTML<head><head>标签作用是描述文档各种属性和信息包括文档标题等,而大部分文档头部信息数据是不会呈现出给读者看。

<title>标签

标签之间内容网页标题信息,会出现在浏览器标题栏中,用来告诉搜素引擎可以通过网页标题,迅速判断出网页主题。

<em><strong>标签

<em>默认是斜体,表示强调

<strong>默认是粗体,表示强烈强调

<span>标签

本身没有任何意义,它是为了设置单独样式用的

如图演示

<html>

<style>

span1{

         color: red;

}

span2{

color: blue;

}

</style>

<body>

<h1> <span1>这里面是内容</span1><h1>

<p><span2> hello world</span2><p/>

</body>

</html>

演示结果

<q></q>标签

它的含义是是引用文本,

<blockquote>标签

引用一段比较长的文本,可以把文字居中。

<br/>标签

用来换行的

&nbsp

意思是空格在编译时字体之间的空格用&nbsp

<hr/>标签

空标签在浏览器默认是一根粗黑线。

<code>标签

这标签就是用来显示代码的。

<ul><li>标签

就是网页前面的信息列表

<div>标签(每个板块要id 命名)

这个相当于一个容积用来确定逻辑部分,用来分开浏览器每一个块。

创建表格的四个元素有

Table tbody tr th td

<table>

整个表格

<tbody>

包含行的内容下载优先显示,不必懂得表格结束在显示(不是很明白这句话意思)

<tr>表格的一行

<td>表格的一个单元格,输入内容的

<th>表格头部的第一个单元格,表格表头

<table summary =”添加摘要”>

<caption>标签

这个是在表格添加标题

<a>标签

实现超链接,就是可以点击跳转到另一个页面

语法:<a href =“目标网址” title=”文本内容”>链接文本内容</a>

Href: 超文本链接

Title: 标题意思

target="_blank这个意思是点击跳转页面而不是在当前页面打开、

<a>标签还可以链接邮箱地址:语法如下  

<a href=”mailto:邮箱?subject=主题名&body=邮件内容”>

 第一个分隔必须是?号 后面参数分隔可以都是&

<img>标签

标签插入图

<img src=”图片地址” alt=”下载失败的替换文本”title=”提示文本”>

Src:标识图形的位置

Alt:指定图片的描述文本(当图片不不可见下载不成功,可以看见这行字)

Title:提供在图象课件对象图片的描述。

  总结  知道html标签是做什么用的 每一个标签都有它本身的用处 可以插图可以写文本配合css可以插入文本边框,知道怎么应用。

  计划明天了解啥是CSS接着属性标签的应用



返回列表 返回列表
评论

    分享到