HTML的前期了解

HTML新手入门(一) HTML新手入门——html初步(一)环境配置(二)创建文档简介(三)基本知识叙述1.常用标签a.块级标签b.行内标签2.块级元素与行内元素3.实体元素(符号)4.路径的描述a.绝对路径b.相对路径(四) 参考实例1.糖醋排骨2.楚乔传   缘于小编在校参加学校的集中实训,就将学习过程中知识点进行一遍梳理,希望对大家有所帮助。 (一)环境配置   我先介绍一下我目前正在用的软件,visual studio code (简称VScode),这个软件支持扩展功能,以及能满足多种程序语言的日常工作和学习。 下载 阅读详情

<!DOCTYPE html>:   这句声明,是告诉浏览器,请使用HTML5标准来执行这个网页。

<!--     -->    注释意义:1.把暂时不用的代码注释起来,方便以后使用。2.对开发人员进行提示。光标悬停在开头按住ctrl + /

<hr />     水平线

<br />     换行标记

&nbsp    空格

图片标签

<img  src = " (图片的路径)  "    />   多图片时,默认一行显示,且为底部对齐

其中还有属性title = ''value'',指鼠标放在图片上会显示出来图片的提示信息value

alt = "value",  指当图片无法显示时,会显示value值,如value为小仙女

超链接标签

<a  href =  "  (连接到的网页地址)  ">      </a>

其中常用属性有 target = "_blank"  指在空白页面打开此链接

与a标签链接相关的还有base单标签,用于控制所有a标签的链接或打开方式,通常写在head里,如<base  target = "_blank"/>

锚点       方法一: href#号     对应      id属性;    方法二:   href#号     对应    name属性

表格标签

<table>   <tr>   <td>

<table>  其常用属性有border  值为像素。     cellspacing 指单元格间隙,值为0时指单元格与单元格之间空隙为0

<caption>   指整个表格标题

<tr>   指表格的一行

<td>  指表格的单一单元格

<th>   表头,tr下的,可理解为 th = 加粗并水平居中的td

要习惯养成表格里拥有thead、tbody、tfoot语义化标签的习惯,无实际文本效果,只是为了结构的完整,注意只有tbody可以拥有多个。

table表格常用的属性:border、cellpadding(单元格内的空间)、cellspacing(单元格之间的空间)、rowspan、colspan、align(左右对齐方式)、valign(上下对齐方式)

表单

  • 表单必须由form标签来创建
  • form必须有action属性,表示后面按钮点击后将表单提交的地址。还有method属性,其值有get和post
  • input按钮的文字,由value属性表示
  • input必须放在form标签内才能提交
  • input之所以会有各种样式如点击按钮,账号输入,密码输入,单选框等,是因为type属性的作用,type属性值常见有:text(文本输入框)、password(密码输入框)、radio(单选框)、checkbox(复选框)、button(普通按钮)、submit(提交按钮)、reset(重置按钮)、file(文件选择框)、textarea(多行文本框,配合cols和rows属性)、select(下拉菜单,配合子标签option)

get请求和post请求的区别:

get通常指获取数据;post通常指提交数据;

get请求发送的数据都写在地址栏上,用户可见; post请求发送的数据用户不可见

get请求不能提交大量数据,但post可以,所以不要混淆了

form表单里input常用到的属性placeholder=”请输入密码“,text文本的提示文字,获得光标后提示文字消失

checked;默认勾选,      disabled;该选项不可选

容器

  • <span>标签    一个容器标签,不具备任何特殊功能,仅当作容器来使用。用于包裹一段文本,便于给文本增加样式。宽度为内容宽度。也可理解为用来修饰文字,div和span都是没有任何默认样式的,需要配合css才行。
  • <div>标签    一个通用容器标签,不具备任何特殊功能,仅当作容器来使用。可以包裹任何内容,也可以容器间相互包裹。一个空的div,默认宽度100%,高度为0,高度随内容变化而变化。

CSS引入

  • 内联样式:直接标签内通过style=”属性=属性值;“ 来引入
  • 内部样式:在head头部里通过<style>双标签来引入
  • 外部样式:通过<link  rel = " ",  href="  ", style="  ">单标签在head头部里引入,link通常用来指引入外部资源,rel指引入的外部资源类型(即资源与当前文档的关系),href指引入的外部资源地址。stylesheet指文档外部样式表。

 

 

 

 

 

Fleury算法寻找欧拉回路(mtlab代码详解) 【代码】Fleury算法寻找欧拉回路(mtlab代码详解) 阅读详情

相关推荐

某程token参数逆向分析

作者声明:文章仅供学习交流与参考!严禁用于任何商业与非法用途!否则由此产生的一切后果均与作者无关!如有侵权,请联系作者本人进行删除!

weixin_73499887的博客 2882

html初期

0 css选择器和引入 1 元素分类,行块元素的特点,常见行块元素有哪些?     BFC元素:也就是inline-block元素 2 table元素 th tr td captail     单元格的合并: row col 3 盒子模型:content padding border margin 4 浮动布局 float四种赋值 默认是none 5 定位布局 position五种赋

qq_23912867的博客 246

用Raspberry Pi Imager重装树莓派系统

这次在官网无意中看到他们出了一个Raspberry Pi Imager的工具,可以直接完成镜像烧录操作,于是就尝了个鲜。选择“编辑设置”按钮,会弹出具体的设置信息,有三个tab,第一个是General信息,包括用户名、密码、wifi和语言设置;后续的操作就和我当初第一次装树莓派系统的操作差不多,在此就不再赘述,有兴趣的朋友可以看我以前的博文。完成定制化设置后,点击“保存”按钮,软件回到前面的提示框,连续点击两个“是”,开始写入SD。第二个下拉框选择你要安装的OS,点击黄框所在的选项,可以挑选更多OS。

天飓的技术博客 1085

初始HTML详解

1.HTML基本内容 1.1 HTML介绍 HTML 名字叫做超文本标注语言(Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言(markup language) HTML 是用来描述网页的一种语言。 HTML 使用标记标签来描述网页。 简单来说,英语字母img它就是英文字母,但是在html里面,如果它被加上<>之后就会在网页世界有显示图片的功能。 1.2HTML基本结构: 在电脑任意的位置,创建一个空白的记事本,在里面输入下列..

m0_65878076的博客 807

告别GitHub!手把手教你用Gitblit在Windows 10上搭建私人局域网Git服务器(附SourceTree配置)

本文详细介绍了如何在Windows 10环境下使用Gitblit搭建私有Git服务器,实现局域网内高效代码协作。通过轻量级的Gitblit解决方案,开发者可以享受数据完全自主、离线可用性和局域网高速访问等优势。文章包含从环境准备、安装部署到SourceTree配置的全流程指南,特别适合金融、医疗等敏感行业团队使用。

weixin_30430169的博客 281

Java电商秒杀系统性能优化(一)——电商秒杀系统框架回顾

电商秒杀系统框架回顾项目简介外部依赖框架回顾项目要点项目中存在的问题小结 课程是免费的,课程地址如下:SpringBoot搭建电商秒杀项目,课程真的很棒,作者的思路很清晰,建议各位读者可以跟着视频练习一下这个项目; 项目简介 通过SpringBoot快速搭建的前后端分离的电商基础秒杀项目。项目通过应用领域驱动型的分层模型设计方式去完成:用户otp注册、登陆、查看、商品列表、进入商品详情以及倒计时秒...

ghw15221836342的博客 3720

前端之路(一):HTML常用基础知识点

以下知识点均为本人从黑马PINK课程中总结 1、HTML为标记语言,一个标准的HTML代码整体分为<head></head>和<body></body>两个部分 2、标题标签<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>使用标题标签有自带的黑体加粗

qq_42745625的博客 450

Silvaco TCAD | 从极化效应到高频开关:GaN HEMT仿真设计与性能验证

本文深入探讨了使用Silvaco TCAD进行GaN HEMT仿真设计与性能验证的关键技术。从极化效应到高频开关特性,详细解析了2DEG形成机制、器件结构设计优化及高频特性仿真技巧,帮助工程师提升GaN HEMT的性能与可靠性。通过实战案例展示了如何通过仿真优化击穿电压和导通电阻,实现开关品质因数的显著提升。

weixin_30872337的博客 484

web页html文件第一个标识符,HTML的概述

HTML的概述1、HTML的优点。简易性:HTML版本升级采用超集方式,从而更加灵活方便。可扩展性:HTML语言广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。平台无关性:虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上。2、构建HTML的前期准备。a、开发工具的准备(开发工具只是辅助工具,不同的工具并不会影响到代码用记...

weixin_39958631的博客 318

【SpringBoot 4.x 第2节】夯爆了,学习 Spring Boot 4.x 前,需要具备哪些 Java 基础?

🏆 本文收录于 《滚雪球学 Spring Boot 4.x》 专栏。 本专栏面向 有一点 Java 基础,但没有系统学过 Spring Boot 的读者,采用“滚雪球式学习法”:先跑通、再理解、再重构、再上线,最终带你从第一个 Hello API 一路完成一个可部署、可监控、可扩展的后端项目。

**My Coding Family** 4569

姿态传感器/陀螺仪之BMI270应用原理图设计

BMI270是一款由博世(Bosch)推出的高性能、超低功耗惯性测量单元(IMU),专为可穿戴设备、智能设备及物联网应用设计。

corlin6688的博客 2864

python可以做网页_python 实战计划:做一个网页

Date:2016-9-17By:Black Crow前言:经过一周多的前期准备,对python有了简单的了解,对于第三方库也有了基本的认识。于是,在今天正式开始了python实战计划的学习,第一课便是了解网页的构成,安排的作业也是动手做一个网页。作业效果:注:直接打印为PDF后的效果The Blahjpg_Page1.jpg我的代码:The BlahHomeSiteOtherThe BeachW...

weixin_39675513的博客 173

软考高级网络规划设计师教程(第3版)

"本书是由工业和信息化部教育与考试中心组织编写的考试用书,依据《网络规划设计师考试大纲》(2026年审定通过)编写。本书分为两篇:第一篇为网络规划与设计综合知识,其中第1章介绍计算机网络基础知识,第2章介绍网络互连与互联网,第3章介绍网络规划与设计的知识和方法,第4章介绍网络资源设备,第5章介绍网络安全技术,第6章介绍标准化和网络安全法规;第二篇为案例实践,其中第7章介绍网络规划案例,第8章介绍网络故障分析与处理案例,第9章介绍网络安全部署案例,第10章介绍网络规划与设计论文写作的指导思想和写作技巧。

鹿鸣天涯 3942

全栈快速上手学习路线

简单总结了在应对比赛时的全栈速成路线。

2301_79857592的博客 1064

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

“惜水园”网页节水知识板块的设计与实现

HTML float属性和清除浮动塌陷

forever_xhs的博客 397

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

前端学起来特别吃力,新人入前端怎么学,附免费源码下载地址

最近收到一些问题,问前端学起来吃力,该怎么学比较好?我回答了不少类似的问题。现在整理下分享给贴吧的小伙伴们。 前端工作两年多。大部分前端原理、框架都能完全运用。工作中几乎遇不到解决不了的问题(除了那些恶心无法实现的需求)现在经常被安排去面试新人(被安排去面试,主要是工作能力比较突出的原因,公司还有很多3年以上的员工)。 下面说说我的学习方法或许对你有用! 一、打好基础不用说 HTML、CSS、JavaScript 三大件,完全掌握。不懂得就直接查 MDN。 HTML重点掌握语义化。区分块级和内联标签。其他

weixin_44052785的博客 263

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

前端_一初识

二、笔记一、本周学习内容:1.简单认识和学习了HTML:基本格式 语法规范 基本的标签 属性 实体 相对路径文档声明 乱码问题 内联元素和块元素2.初步学习了CSS:基本语法 文本样式 CSS引入HTML CSS选择器 伪类和伪元素文档流 盒子模型 浮动 定位 背景 样式的继承 层级常用样式3.小知识:长度和颜色单位二、笔记。

2403_87566238的博客 469

页面设计的方法(首页,先页面程序时可取)

今天看了一个叫“彬”什么的人的论坛,还有代码下载,可惜现在找不到地址了。说实话,美工很不错的,不过仔细分析内容,用到的技术就很有限了。因此我想到了很多朋友对写网站类程序的界面代码存在着很大的知识“鸿沟”,没有接触实战的技术。这里我说一个最基本的设计页面的方法。通常人们是从那些快餐式的编程书籍上学习编写页面的,也就是在页面上写一两行文字、放上一个控件看看效果,最多不过是多放几个这种干巴巴的东西堆在一

渣渣的驳克枪 1502

[XHTML Tutorial] 走向XHTML标准 (6)(XHTML HOWTO)

原文地址:http://www.w3schools.com/xhtml/xhtml_howto.asp翻译:范维肖XHTML HowTo如何将我现有的网站转换成XHTML的呢? To convert a Web site from HTML to XHTML, you should be familiar with the XHTML syntax rules of the previous ch...

weixin_33913332的博客 92

学习HTML前期准备

在这一节学习中,我们将进行HTML的前期准备工作,帮助我们更好地书写HTML代码。

热爱WebGIS的博客 658

html前期必备知识

文本编辑器的使用(如 Notepad++、VS Code、Sublime Text 等)- 熟悉操作系统(Windows/macOS/Linux)的基本使用。- 知道浏览器的作用(Chrome、Firefox、Edge 等)- 文件扩展名的概念(.html, .css, .js 等)- 浏览器开发者工具的使用基础(如何查看网页源代码)- 基本的互联网工作原理(客户端-服务器模型)- 文件管理(创建、重命名、移动、删除文件)- 文件路径(相对路径和绝对路径)- 基本编码概念(UTF-8)

2403_84741617的博客 315

HTML第一课(前期知识准备)

在正式的学习之前,我们先了解一些前端方面的常识。 一、前端是做什么? 如果有认真看过我写的预备程序员不得不知道的事儿这篇文章的同学应该清楚,前端的工作在整个项目开发中处于代码编写阶段,主要是用来做界面展示。界面展示分为PC端和移动端。 二、前端要学习什么? 从大的方面来说,就是三大块内容:HTML,CSS,JS,其余的知识点都是在这三大块上的延申。比如:HTML有XHTML,HT...

ditouye5843的博客 184

HTML前期学习总结

一、基本结构<!DOCTYPE html> //设置字符编码集格式<html> //<head> //网页头部 <title></title></head><body> </body></html> 二、文本标记1.加粗 b...

weixin_30416497的博客 141

【JavaWeb新手入门】开启篇之HTML前期知识

作为一名计算机大一新生,是否对未来有点迷茫呢,对于我在加入实验室后,学姐学长的推荐让我意识到javaweb或许是一条可行的道路,虽然现在学会它不能找到工作但是想找到工作它也是必不可少的吧,所以欢迎大家来学习

EFTW28的博客 186

web前端01学习前期大概内容了解

web前端学习之开篇了解web前端学习的基础内容框架介绍三大语言其次学习前期课程概述学习顺序术语解释HTMLCSS工具与插件 web前端学习的基础内容框架介绍 三大语言 HTML CSS JavaScript 其次学习 jQuery 网络 CSS3 H5 前期课程概述 学习顺序 先学习:HTML+CSS 后学习:JavaScript 术语解释 HTML Hyper Text Markup Language 超文本标记语言;定义网页中有什么 CSS CSS:Cascading Style Sheets 层叠样

abigele的博客 149

前端 前期学习计划

好的,这是一份针对软件技术专业大学生的,旨在帮助你打下坚实的基石。计划分为几个阶段,循序渐进。

Dark_kingdom的博客 535
上一篇: CSS前期了解
下一篇: VS code
Halle!
博客等级 码龄7年 303粉丝 133原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值