02_42_20190910

web技术基础:
WW是World Wide Web的缩写,简称为Web

http:超文本传输协议(HyperText Transfer Protocol)(html—相当于是文本)

URL(Uniform Resource Locator):统一资源定位符(网址),

http://www.mantou22.cn:8080/tmall_ssm/loginPage?loginname= &psd=
其实就是我们所说的网址
: 主机域名(DNS)或者IP地址(每一IP地址对应一个域名)eg: www.mantou22.cn
:端口号(eg:8080)
:请求访问文件的路径 eg: /tmall_ssm/loginPage
?:传递的参数 eg: ?loginname= mt &psd=123456
ocalhost:本机测试地址
:63342 : 端口,
/myWebProject : 文件的路径
超文本标记语言(HTML:hypertext markup language):重点

C/S(client/Server):客户端/服务端架构 eg:QQ
B/S(Brower/Server):浏览器/服务端架构 eg:淘宝网

HTML:超文本标记语言(HTML:hypertext markup language)

标签可以分为单标签和成对标签两种,单标签单独使用,成对标签成对使用。
有的标签既可以单独使用,也可以成对使用。<标签名/> <标签名>
成对标签使用起始标签“<标签名>”和结束标签“</标签名>”组成。成对标签的作用仅限于这对标签内部的内容。

语法:<标签名>内容</标签名> eg: 在这里插入图片描述
小总结:
1. Html文档的框架结构
2. http ,url的语法、 WWW
3. Html标签简介

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.段落标签------将文字内容变成一个段落 ----块级标签,可以换行
z
在这里插入图片描述标签有一个属性align,用来指定文本显示时的对齐方式,可取center、left、right三个值。

注意:标签的属性只能作用于标签里的内容,不能作用嵌套标签里面的内容!
eg:
在这里插入图片描述
春晓1能够居中,春晓2不能居中
5.特殊字符

空格:&nbsp
列表

 HTML代码中支持将若干列表项组织成有序列表、无序列表以及定义列表。

6.无序列表
在这里插入图片描述

标注:
在这里插入图片描述

7.有序列表
标签的type属性可以指定有序列表的项目符号的类型,type属性各个取值的含义如表所示
在这里插入图片描述
在这里插入图片描述
8.分隔线
在这里插入图片描述标签可以在HTML页面中创建一条水平线,水平线可以将文档分隔成若干个部分。其属性及可取值如表所示。
9.超链接
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
错误小总结:

1.编写html代码的时候,一定是成对标签出现 eg:
2.html文件的后缀名是 .html 不是 .10html

file:文件,一般有保存打开,设置等功能。
Edit:编辑,粘贴复制等功能
View:视图
Navigate: 导航
作业效果:
在这里插入图片描述在这里插入图片描述zu

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值