Shu-How Zの小窝

Loading...

深入浅出HTML

HTML全套基础教程-html实战开发-深入浅出HTML

https://www.bilibili.com/video/BV11t411K74Q

P1 001-老杜-HTML-课程内容概述

P2 002-老杜-HTML-BS结构介绍

ui 美术 ps

HTML
1、系统结构:

B/s架构:(以后主要走的方向是这个。)
Browser/Server(浏览器/服务器的交互形式。)
Browser支持哪些语言:HTML css Javascript
写HTML css Javaseript代码的这波人职位叫做:WEB前端开发工程师。(Java程序员目前来看也需要会一些前端的东西。)
前端页面上的图片需要ui设计师完成。(Ps对java程序员来说没有太高的要求。)
s是服务器端server,Server端的语言很多:c C++ Java python...(我们主要是使用Java语言完成服务器端的开发)
B/s架构的系统有什么优点和缺点?
优点:升级方便,只升级服务器端代码即可。维护成本低。
缺点:速度慢、体验不好、界面不炫酷
企业内部的解决方案都是采用B/s架构的系统,因为企业内部办公需要的一些系统不需要炫酷,不需要特别好的用户体验,只要能做数据的增删改查即可。并且企业内部更注重维护的成本。

B/s架构的系统有哪些代表?
京东百度天猫

c/s架构
Client/server(客户端/服务器端的交互形式。)

缺点:升级麻烦,维护成本较高。
优点:速度快,体验好,界面炫酷。(娱乐型的系统多数是c/s架构的。)常见的c/s架构的系统:
微信
支付宝
QQ

P3 003-老杜-HTML-软件环境准备

P4 004-老杜-HTML-HTML概述

超文本:流媒体、图片、声音、视频....

world wide web

3、HTML是谁制定的?
W3C:世界万维网联盟
w3C制定了HTML的规范,每个浏览器生产厂家都会遵守规范。HTML程序员也会按照这个规范去写代码。
HTML规范目前最高的版本是:HTML5.0,简称H5.
我们这里学习HTML4.0(主要是学习一下HTME的基础用法。)

W3c制定了很多规范:
HTML/XML/http协议/https协议…

P5 005-老杜-HTML-我的第一个HTML

加上<!doctype html>就是h5 不写是html4

P6 006-老杜-HTML-HTML的基本标签

换行标记,br标签是一个独目标记.

zhongtu 06:

P7 007-老杜-HTML-HTML的实体符号
P8 008-老杜-HTML-HTML的表格
P9 009-老杜-HTML-HTML的单元格合并1

table td rowspan colspan

-注意事项:
1、row合并的时候,删除"下面的"单元格
2、col合并的时候,对删除哪个没有要求。

P10 010-老杜-HTML-HTML的单元格合并2

th 标签也是单元格标签,比td多的是居中、加粗。

P11 011-老杜-HTML-thead tbody tfoot
P12 012-老杜-HTML-背景色和背景图片

meta charset="utf-8" 告诉浏览器用什么编码打开

文件用什么编码 meta就用什么编码

P13 013-老杜-HTML-HTML图片img标签

1、设置图片宽度和高度的时候,只设置宽度,高度会进行等比例缩放。
2、img标签就是图片标签
3、src属性是图片的路径
4、width设置宽度,height设置高度
5、title设置鼠标悬停时显示的信息。
6、alt设置图片加载失败时显示的提示信息。

P14 014-老杜-HTML-HTML超链接

href:hot references 热引用
href属性后面一定是一个资源的地址。

href后面的路径可以是绝对路径也可以是相对路径,可以是网络中某个资源的路径,也可以是本地资源的路径。

P15 015-老杜-HTML-超链接的作用-request和response的概念

request 绿快s

response绿s棒s

超链接的作用:
通过超链接可以从浏览器向服务器发送请求。
浏览器向服务器发送数据(请求:request)
服务器向浏览器发送数据(响应:response)
B/S结构的系统:每一个请求都会对应一个响应。
B--请求---> S
s---响应----> B
用户点击超链接和用户在浏览器地址栏上直接输入URL,有什么区别?
本质上没有区别,都是向服务器发送请求。

从操作上来讲,超链接使用更方便。

P16 016-老杜-HTML-HTML列表
P17 017-老杜-HTML-form表单初步

这个按钮和普通的超链接没什么太大的区别。(超链接和表单都可以向服务器发送请求,只不过表单发送请求的同时可以携带数据。

input 有name才提交 value值

29:

P18 018-老杜-HTML-用户注册表单的实现
P19 019-老杜-HTML-下拉列表支持多选

posted @ 2024-12-14 18:25  KooTeam  阅读(19)  评论(0)    收藏  举报