web复习--html

已于 2023-02-23 18:14:26 修改
阅读量137 收藏
点赞数
文章标签： 前端 Powered by 金山文档
于 2023-02-23 14:26:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67916525/article/details/129177027
版权

1.<title>:网页的标题（即给游览器窗口命名）

2.<html></htm1>:设置HTML文件的开始和结束

3.<body> </body>：网页主体的开始和结束（即主体的范围），内容显示在浏览器中

4.<head></head>:

5.本如何运行HTML文档:

保存文档，将后缀名写为“.htm!”或“.htm"选择“浏览器”为打开方式，进行浏览。

6.x出现表示内容保存成功

7.浏览器中打开：

8.注释:

<!-- -->

快捷键：Ctrl+/

9.<strong></strong>：

将内容加粗，相当于B

10. <h数字>标题标签</h数字>：

数字越大，标题越大

特点：

  • 文字加粗

  • 数字减小，文字依次减小

  • 独占一行

注：数字是几，就是几级标题

11.<p>段落标签</p>：

特点:

●段落之间存在间隙

●独占一行

12.<br>：换行标签

特点:

●单标签

●让文字强制换行

13.<hr>:水平线标签

特点:

●单标签

  • 在页面中显示一条水平线

14.VScode不区分大小写：

15.文本格式化标签：

16. <img src="在电脑中存放的图片地址+图片名" alt="替换文本" title="提示文本" width="" height="">：图片标签，在网页中显示图片

src怎么写：

  • 图片和HTML文件同级

注：./表示同级

注：如果是同级的话，不用加./直接写图片名字也可以

alt:替换文本，图片加载失败才显示alt内容

title:提示文本，当鼠标悬停时，才显示的文字

当width和height属性只给其中一个赋值时，另一个属性等比例缩放

17.绝对路径：

  • 盘符开头: D:\day01\images\1jpg（目录下的绝对位置+图片名）

找绝对位置：

再+\+它的名字:\QQ截图20230223121908.jpg

或者在文件中右键点击图片，选择复制文件地址

18.相对路径：相对当前html文件

  • 同级目录

方法一:<img src="目标图片名" >

方法二: <img src="./目标图片名" >

  • 下级目录

代码步骤:

1.先知道在哪个文件夹里面→文件夹名字

2.进入这个文件夹→/

3.此时看到目标文件直接喊她→直接写目标图片名字

  • 上级目录

代码步骤:

1.先出当前文件夹，到上一级目录→../

2.此时看到目标文件直接喊她-→直接写目标图片名

注：可以在VScode里面右键点击复制绝对路径或相对路径

19. 超链接：

  • <a href="网页地址">网页名</a>

点击一下就跳转到百度页面

  • <a href="相对/绝对地址">名</a>

点击一下就跳转到动漫图片

  • <a href="相对/绝对地址">写的网页名</a>

  • <a href="#">空链接，哪里也不跳</a>

点击它没有反应，哪里也不去

20.target:决定跳转网页的方式。要么本网页跳转，要么开辟一个网页跳转

21.无序列表

22.有序列表

23.表格标签：

24.

25.表格标题和表头单元格

26.表格的结构标签

注：给后台看的，方便它看懂。实际没有什么效果

27.合并单元格：

rowspan="该行向下合并的行数"

colspan="改行向右合并的列数"

28.input:登录、搜索、注册页面要用到

  • text：写什么就显示什么

  • password：书写的内容会变成点点

  • radio:点击白圈后会变黑，且不能复原。重点是两个都能变黑

补救：用相同name

    性别：<input type="radio" name="sex">男 <input type="radio" name="sex">女

  • checkbox：可以都选，选完后可以取消

  • file:上传文件后后面的未选择文件会变成文件名

  • submit

    性别：<input type="radio" checked>男 <input type="radio">女
    <br>
    <br>
    <input type="submit">

  • reset:清空刚刚填的,但是必须要在<form><\form>中，不然没效果

    <form action="">
        性别：<input type="radio" checked>男 <input type="radio">女
        <br>
        账号：<input type="text" placeholder="请填写账号">
        密码：<input type="password" placeholder="请填写密码">
        <br>
        <input type="submit">
        <input type="reset">
    </form>

29.placeholder:占位符，让空白框显示一些提示文字

30.checked:默认选中，用于多选或单选框，节省用户时间

 性别：<input type="radio" name="sex" checked>男 <input type="radio" name="sex">女

31.value:给按钮命名

    <form action="">
        性别：<input type="radio" checked>男 <input type="radio">女
        <br>
        账号：<input type="text" placeholder="请填写账号">
        密码：<input type="password" placeholder="请填写密码">
        <br>
        <input type="submit" value="登录">
        <input type="reset" value="重新来">
    </form>

32.button:

33.select:下拉菜单的整体

    数字：  
  <select name="" id="">
        <option value="">1</option>
        <option value="">2</option>
        <option value="">3</option>
        <option value="">4</option>
        <option value="">5</option>
        <option value="">6</option>
        <option value="">7</option>
        <option value="">8</option>
        <option value="">9</option>
        <option value="">a</option>
        <option value="">b</option>
        <option value="">c</option>
        <option value="">d</option>
        <option value="">e</option>
        <option value="">f</option>
        <option value="">g</option>
        <option value="">h</option>
        <option value="">i</option>
        <option value="">j</option>
        <option value="">k</option>
        <option value="">l</option>
    </select>

34.selected:默认选中

    数字：
    <select name="" id="">
        <option value="">1</option>
        <option value="">6</option>
        <option value="">7</option>
        <option value="">8</option>
        <option value="" selected>9</option>
        <option value="">a</option>
        <option value="">b</option>
        <option value="">c</option>
        <option value="">d</option>

    </select>

35.textarea:文本域

属性：

cols:规定文本域宽度

rows：规定文本域长度

  <textarea name="" id="" cols="30" rows="10"></textarea>

注：右下角拖拽可以改变大小

36.label：让你不用点框框，点击字也可以勾框

    性别：<input type="radio" name="sex" id="nan"><label for="nan">男</label><!--方法1-->
    <label > <input type="radio" name="sex" >女</label><!--方法2-->

37.div独占一行 span不独占一行，后来的接在后面

38.空格：&nbsp

一念男
关注
南开大学复习资料-Web页面设计.docx
12-17
Web 页面设计课程期末复习资料 本资料涵盖了 Web 页面设计的多个方面，包括 HTML、CSS、JavaScript、ASP、Flash 等技术。下面是对每个知识点的详细解释： 一、HTML * HTML 中，表格单元格中内容与表格单元格边框...
FZU软件工程web课程复习资料-整理
02-06
"FZU软件工程web课程复习资料-整理" 本资源是FZU软件工程web课程的复习资料，涵盖了web开发的基础知识和技术。下面是对该资源中所涉及的知识点的详细解释： 第一讲 web 开发概述 1. 因特网与万维网 因特网是一种...
HTML标记中存在h1到h7吗,利于SEO优化的H1标签使用规范
weixin_39822147的博客
07-15 1350
原标题：利于SEO优化的H1标签使用规范 H1标签是通过网站Html代码内容优化提示，来引起搜索引擎的注意，有着一定的使用意义和注意事项，那么如何操作才能利于SEO优化呢？一.H标签定义：网上的定义很多，也称为Heading标签，是网页中对特定文字进行着重强调的一种代码标签。分类：依次分为h1，h2，h3，h4，h5，h6，h7作为标题标签等。区别：从H1到H7依次按重要序、文字大小程递减排列。作...
Vue基础小白入门笔记
阿飞的博客
05-12 495
前端基础 HTML：结构 CSS：表现 JavaScript：行为（js API 获取元素 CRUD） —> jQuery ----> VUE (MVVM) do…getElementById(“id”) — $("#id") MVVM: Model:模型层,在这里表示JavaScript对象（更多的指的是JSON对象） View：视图层,在这里表示DOM（HTML元素） ViewModel：连接视图和数据的一个中间件 view的变化会自动更新到ViewModel中,而vi
VUE 2.0 笔记整理
M的博客
10-20 857
VUE 学习笔记Vue 官网本地使用第一个Vue程序**语法**v-text:属性设置给标签v-html:设置标签的innerHTMLv-on：元素绑定事件this关键字在function内部访问data中的数据v-show:显示与隐藏v-if 与v-show操作方式一样v-bind:设置元素属性(src,title,class)v-for:根据数据生成列表结构v-model：获取和设置表单元素的值(双向数据绑定)v-clock解决差值表达式闪烁问题**计算属性** Computed监视watch记事本小应
vue基础之过滤器-常见文本格式化
u014265398的博客
10-18 1173
文章目录前言一.全局过滤器1.在创建 Vue 实例之前全局定义过滤器：2 .代码示例二.Vue局部过滤器1.用法2.代码示例总结 前言 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部 一.全局过滤器 1.在创建 Vue 实例之前全局定义过滤器： Vue.filter("过滤器名称",function(v){}); v 是当前过滤器的
vue中的过滤器 文本格式化
qq_43096062的博客
08-06 1892
过滤器 Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。由"管道符"指示, 格式如下： {{ message | capitalize }} < div v-bind:id=“rawId | formatId”></ div> 过滤器函数接受表达式的值作为第一个参数。 以下实例对输入的字符串第一个字母转为大写： < div id=“app”> ...
南开大学复习资料-Web页面设计0001.docx
12-14
《Web页面设计》课程主要涵盖网页设计的基础理论和技术，包括HTML、CSS、JavaScript以及动态网页技术ASP等。以下是根据提供的复习资料内容整理出的知识点详解： 1. **表格属性设置**：在Dreamweaver中，调整表格...
JAVA-WEB期末复习题库(便于打印版).doc
11-15
本资源摘要信息涵盖了 JAVA-WEB 期末复习题库的主要知识点，总共涵盖了 16 个问题，涵盖了 Servlet、JSP、MVC 设计模式、Web 层技术、HTML 等多个领域。 1. Servlet 生命周期中，init() 方法是第一个被执行的方法，...
山东大学web期末复习.pdf
01-06
本资源为山东大学web期末复习资料，涵盖了HTML基本结构、标记属性、基本语法、网页元信息、文本修饰、列表、超链接、图像、表格、表单、CSS选择器等多方面的知识点。 一、HTML基本结构 HTML文档的基本结构由 `...
在html语言中超级链接使用什么标签,什么是超链接（详解什么是 HTML 中的超链接标签 a）...
weixin_28960321的博客
05-31 2253
大纲1、什么是标签2、标签的几个重要属性3、a标签的运行机制4、a标签常用的协议5、超链接标签的样式问题——a标签的伪类选择器的书写顺序1、什么是标签标签定义超链接，用于从一张页面链接到另一张页面。元素最重要的属性是href属性，它指示链接的目标。2、标签的几个重要属性2.1、href规定链接指向的大纲1、什么是标签2、标签的几个重要属性3、a标签的运行机制4、a标签常用的协议5、超链接标签的样式...
第1章 HTML基础
weixin_30338497的博客
02-21 143
1.1 HTML概述 1.1.1 什么是HTML 　　HTML（Hyper Text Markup Language，超 文本 标记 语言）是纯文本类型的语言，它是Internet上用于编写网页的主要语言，使用HTML编写的网页文件也是标准的纯文本类型的文件。 查看网页源代码的方式 F12键或鼠标右键-"查看网页源代码" 1.1.2 HTML发展历程 1993 年HTM...
ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间
yangshuquan的专栏
07-24 821
在做数据库设计时，为了方便进行数据追踪，通常会有几个字段是每个表都有的，比如创建时间、创建人、更新时间、更新人等，这些时间字段一般存储的是数据库服务器的时间，EF 是操作整个数据表对象，所以需要寻找方法来实现这个目的。本文分享 DB First 和 Code First 两种模式的 EF 中 DateTime 字段如何存储数据库服务器当前时间的方法。
Hutool SoapClient 调用使用@webservice 发布的webService接口，参数传递为空
FangX_u的博客
07-24 603
采用工具类Hutool SoapClient调用@webservice 发布的webService接口时，参数传递不到webService,可以借助SoapUI工具辅助查看。
Windows10+vs 2017中创建WEB API教程
Explinks的博客
07-24 1019
本文将介绍如何在Windows10+vs 2017中创建web Api的教程。目前本教程当中的方法在Win10 + VS2017（MVC5）win server2016+vs2017，vs2013 vs2019当中测试通过。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 283
【代码】TS如何处理js模块的类型？
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 237
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 407
对于上云api开发学习过程中的错误教训积累总结
electron 主进程和渲染进程
最新发布
qq_21087199的博客
07-29 207
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
山东大学Web期末复习：HTML基础与标签解析
"这是一份山东大学web课程的期末复习资料，涵盖了HTML的基本结构和常用标记，以及一些基本的样式设置和文本修饰方法。" 在HTML中，文档的基本结构由`<html>`、`<head>`和`<body>`三个主要部分组成。`<html>`是整个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值