发表于: 2019-08-27 22:26:05
1 917
今天学习事件
Github是托管项目代码
仓库(Repository)
仓库是用来存放项目代码,每个项目对应一个仓库,多个开源项目侧有多个仓库
收藏(Star)
收藏项目,方便下次查看
复制克隆项目(fork)
就是复制别人的项目到我的仓库,该项目是独立存才。
任务一
先了解本机的IP
IP:ipconfig(查询电脑IP) 192.168.0.172
http:是超文本传输协议,是英特网上的一中网络协议,所以WWW文件必须遵守这个标准。
Wed : 也叫万维网 是一汇总基于超文本协议进行全球性的 动态交互跨平台在internet上的一种网络服务。
<p> 这是一个开始标签
</p> 这是一个结束标签
<p>肥皂<p>叫文本内容
<h1><h1> 这个可以把字变大变小
<h2><h3>
一个完整的HTML文件,应该至少包换html元素,body元素以及内容
代码如下
<html>
<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>位于声明文档位置最前面,可告知浏览器文档使用那种HTML或XHTML规范。
<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/>标签
用来换行的
 
意思是空格在编译时字体之间的空格用 
<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接着属性标签的应用
评论