黑马程序员HTML课程归纳

最新推荐文章于 2024-10-13 21:18:37 发布
最新推荐文章于 2024-10-13 21:18:37 发布
阅读量164 收藏
点赞数
文章标签： html Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65549185/article/details/129086520
版权

  1. 网页的基本组成

通常由图片 文字 连接等组成的元素，通常是html格式

  1. 什么是HTML

一种超文本标记语言（超越文本的限制，可以放图片声音动画等元素）

  1. 常用浏览器

IE 火狐 谷歌 safari 等，他们的内核不一样

  1. web标准的三大组成部分

web标准是主要由W3C组织制定的，主要包括结构（html）、表现（css）和行为（javaScript）三部分；

  1. html必须包含的一些标签

<!DOCTYPE html>

文档类型声明标签

<html lang="en">

标识为英文网站

<meta charset = "UTF-8">

文本解析方式，不写会乱码

  1. html常用的标签及属性

  • 文本类标签

文本

<h1>...<h6>

标题

<p>

段落

<br />

换行

文本格式化标签

<strong> <b>

加粗

<em> <i>

倾斜

<del> <s>

删除线

<ins> <u>

下划线

  • 盒子

div

一行只能放一个div

span

盒子宽度等于内容宽度

  • 图像、超链接、注释标签等

名字

标签

属性

备注

图像

img

src：路径（相对路径、绝对路径）

alt：替换文本

title：提示文本

还有width、height、border等

单标签

超链接

a

href：跳转的地址，可是外部、内部、空#、 下载、锚点链接（href = #id）

target：打开方式，_self或_blank

文字、图片表格、视频、音频等都可以添加超链接

注释标签

<！-- 注-->

  • 表格

table

表格区

align：表格在页面中的对齐方式

border：表格边框

cellpaddig：文字距离单元格的距离

cellspacing：单元格与单元格之间的距离，默认2

width、hight等

th

表头(首行)

加粗并居中显示

tr

行

td

单元格

rowspan:跨行合并，值为合并的单元格个数

colspan：跨列合并，值为合并的单元格个数

thead、tbody

  • 列表

ol

有序

只能包含li标签，li里面可以包含任意标签

ul

无序

只能包含li标签，li里面可以包含任意标签

dl

自定义

里面只能有dt（项目名）和dd（描述），dt和dd里面可以放任何标签

  • 表单

表单域

form

表单域

action：指定提交的地址

method：提交方式post、get

name:指定表单名称

input型

input

输入

单标签

*type：button、radio、checkbox、password、text、file、hidden、image、reset、submit

*name：单选按钮radio必须有相同的name属性

*value：默认显示的文字

checked：单选框和复选框默认被选中

maxlength：字符的最大长度

label

与input搭配使用

*for=”id“

select型

select

下拉列表

必须包含option

option

selected

文本域

textarea

文本域

输入文字较多时

rows:显示的行数

cols:每行的字符数

Xylia Lu
关注
HTML期末作业：基于html+css+javascript+jquery实现古诗词网页 学生网页设计作品 web前端开发技术 web课程设计 网页规划与设计
qq_38518191的博客
03-20 309
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒
2021黑马前端程序员学习路线
qq_21729177的博客
07-29 1671
2021年黑马程序员前端学习路线图 黑马程序员 ​ 已认证的官方帐号 73 人赞同了该文章 前端学习路线图火热出炉啦，还在为如何系统学习苦苦寻觅资源么？ 2021年新版前端学习路线图这不就来了么！小伙计们甩开膀子学起来吧。 只要能坚持学下来走上人生巅峰不再是梦。 PS：别忘了收藏呦，此套路线图不定期更新呦 第一阶段：前端入门HTML5 +Css3+电商网页制作 课程内容： 1、HTML5 是网页开发的基础，从最简单的网页开发基础入手，使用常见的标签制作网页内容 2、Css3通过浮
黑马程序员---三天快速入门Python机器学习（第一天）
热门推荐
zdb
04-21 4万+
机器学习入门一、机器学习概述1.1 人工智能概述1.1.1 机器学习与人工智能、深度学习1.1.2 机器学习、深度学习能做什么1.1.3 人工智能阶段课程安排1.2 什么是机器学习1.2.1 定义1.2.2 解释1.2.3 数据集构成1.3 机器学习算法分类1.3.1 总结1.3.2 练习1.3.3 机器学习算法分类1.4 机器学习开发流程1.5 学习框架和资料介绍1.5.1 机器学习库与框架1.5.2 书籍资料1.5.3 提深内功二、特征工程2.1 数据集2.1.1 可用数据集2.1.2 sklearn数
[黑马程序员Nginx教程]——基础篇
qq_56444564的博客
01-29 1185
Nginx（“engine x”）一个具有高性能的【HTTP】和【反向代理】的【WEB服务器】，同时也是一个【POP3/SMTP/IMAP代理服务器】，是由伊戈尔·赛索耶夫(俄罗斯人)使用C语言编写的，Nginx的第一个版本是2004年10月4号发布的0.1.0版本。另外值得一提的是伊戈尔·赛索耶夫将Nginx的源码进行了开源，这也为Nginx的发展提供了良好的保障。名词解释WEB服务器也叫网页服务器，英文名叫Web Server，主要功能是为用户提供网上信息浏览服务。2.HTTP。
第二阶段-第一章 面向对象
无
07-18 642
该笔记是学习黑马程序员在b站上分享的视频而记录的。
html网页设计与制作：基于html设计整套招聘网站求职前端模板页面 静态网页HTML代码 学生网页课程设计期末作业下载
网页设计与制作
11-02 134
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语
2022年前端学习路线-黑马程序员
黑马程序员官方博客
01-21 2531
前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的同学要注意，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候展现更大的优势。 缺人才，又薪资高 那么怎样才能成为一名前端工程师呢？换句话说学习前端从哪里开始学习？ 你想学好Web前端必须学会的3个基础技能：HTML、CSS、JavaScript.这三个是前端开发中基本也是必须的三个技能。 它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面
来黑马学习的他没请过一天假，包括老婆生孩子....
传智播客的专栏
09-01 269
我13年毕业于西安交通大学，是班里年纪最大的学员，工作了七年半后来到黑马学习，半路转行IT，期间有迷茫，有信念，有辛苦，有乐趣，当然最重要的是有收获。不光是收获了知识，找到了不错的工作，更...
web课程设计网页规划与设计：HTML+CSS美妆设计题材——雅诗兰黛(5页)
网页设计与制作
11-06 143
💄美妆介绍、👜美妆分享、👒 品牌化妆品官网网站 、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设
《web课程设计》基于HTML+CSS+JavaScript典的中医药大学网(11个页面)
网页设计与制作
10-20 106
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒
2018传智播客前端36期(JQuery部分有源码）
11-03
根据提供的文件信息，我们可以归纳出以下几个关键知识点： ### 一、前端技术概述 前端开发主要涉及网站或应用程序的用户界面部分。随着互联网技术的发展，前端技术也在不断进步和完善。前端技术主要包括HTML、CSS...
黑马 JAVAEE 32期 2016
05-26
- **背景介绍**：“黑马 JAVAEE 32期 2016”是指由“黑马程序员”（一家知名的IT培训机构）于2016年推出的第32期Java企业级应用开发培训课程。 - **课程定位**：该课程主要面向有一定Java基础的学习者，旨在通过系统...
HTML期末学生大作业-使用HTML+CSS技术仿传智博客网站
qq_38518191的博客
03-20 68
💄美妆介绍、👜美妆分享、👒 品牌化妆品官网网站 、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设
《常见 HTML 标签和属性全解析》
一名资深Java工程师的技术分享
10-10 1238
在网页开发的世界里，HTML（超文本标记语言）就像是构建数字大厦的基石。它通过各种标签和属性来定义网页的结构、内容和样式。下面，让我们深入了解一些常见的 HTML 标签和属性。
HTML该如何性能优化？
Front end development engineer
10-10 941
HTML 默认情况下快速且易于访问。作为开发者，我们的工作是在创建或编辑 HTML 代码时确保保持这两个特性。例如当嵌入的文件大小过大，或者 JavaScript 解析阻塞了关键页面元素的渲染时，情况可能会比较复杂。在开始优化 HTML之前，你应该首先回答的问题是“我需要优化什么？下面讨论的一些技巧和技术是适用于几乎任何 Web项目的良好实践，而其他一些技巧只在特定情况下才需要使用。试图在任何地方应用这些技术可能是不必要的，而且可能是浪费时间的。你应该确定在每个项目中实际需要哪些性能优化。
HTML快速入门--第一节--五个基本标签
PangQinghua的博客
10-13 421
html，图片标签；超链接标签；列表标签；表格标签；表单标签
Chromium html＜img＞对应c++接口定义
杰克东的专栏
10-11 408
img src="tulip.jpg" alt="上海鲜花港 - 郁金香" />
HTML快速入门--第二节--css选择器
最新发布
PangQinghua的博客
10-13 365
CSS相关概念，样式表，样式表选择器
HTML（六）超链接
2301_80349538的博客
10-13 244
【代码】HTML（六）超链接详解。
安卓黑马程序员密集课程安排：XML-JDBC-Android
安卓黑马程序员课程安排详尽且专业，针对Android和Java Web开发进行全面训练。该课程表覆盖了从基础到进阶的多个阶段，旨在提升学员在Android和Java Web技术领域的技能。 周一至周五主要聚焦于Java Web开发，包括...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值