学习前端第二天-建立超链接，使用图像，使用列表，使用表格使用表单

最新推荐文章于 2024-09-14 15:26:51 发布
最新推荐文章于 2024-09-14 15:26:51 发布
阅读量175 收藏
点赞数
分类专栏： 前端学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Noeng111/article/details/107550355
版权

今天学习了4章内容，学习了超链接的建立，和图像的使用，以及列表表格和表单，学习的内容很多，需要好好地消化，前端知识要比后端简单，但是学习的内容很多，需要记忆的东西也很多，以下是我今天写的代码。
在这里插入图片描述
，在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Noengxx
关注
专栏目录
Web前端开发学习2——超链接的实现
qq_44918529的博客
11-06 1263
第一步：在site站点下建立记事本“a标签的实现”txt文件 （同时按照上节课方法在site站点下建立“html网页”的html格 式文件） 第二步：在记事本中输入如下代码 第三步：修改记事本文件.txt后缀为.html 第四步：点击该html文件在浏览器中浏览 点击第一个超链接如图显示： 点击第二个超链接如图显示： 第三个超链接为虚拟链接，因此只能点击，并不会跳转页面 实现超链接，结束！...
web前端练习2----实现列表功能
翟浩浩Android专栏
11-15 860
思路： 1 html+css 完成基本布局 2 接收到上个页面的数据，Ajax请求数据 3 js渲染数据 我把所有代码：html css js 都写在了一个文件里 Listview1.html <html> <head lang="en"> <meta charset=&
前端学习笔记006---HTML超链接标签
ketemstion的博客
09-29 220
HTML常用标签 4.7超链接标签<a>（重点） 在HTML标签中， <a>标签用于定义超链接， 作用是从一个页面链接到另一个页面。 1.链接的语法格式 <a href="跳转目标" target="目标窗口的弹出方式">文本或者图像</a> 2.链接分类 外部链接 <a href="http://www.baidu.com">百度</a> 内部链接 网站内部页面直接的相互连接，直接连接内部网页名称即可。 <a hr
html中链接的使用方法及介绍以及图片类型及使用方法
Welkin_qing的博客
06-11 1523
html 超链接： HTML使用标签 <a>来设置超文本链接。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。 在标签<a> 中使用了href属性来描述链接的地址。 默认情况下，链接将以以下形式出现在浏览器中： 一个未访问...
【网页前端】HTML表格、图片、列表、超链接以及综合案例练习
专注于Java领域开发 关注我 带你玩转Java
07-20 1567
学习了表格、图片、列表、超链接这些标签 来做个表单练习
前端学习笔记一：HTML（2）插入图片和带超链接的列表
Reiuji_Utsuho的博客
06-30 1803
好的，继续第二篇。 来看第二段代码，我管它叫做百度新闻 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>百度新闻</title> </head> <body> <
web前端学习（三）——HTML 超链接、列表
m0_55637498的博客
12-08 2539
四、超链接（重要） 超链接以<a>开始，以</a>结束 超链接有一个target属性： 可取值： _blank：新窗口 _self：当前窗口（默认） _top：顶级窗口 _parent：父窗口 特点： 1、超链接文字的下面都会出现一条水平线 2、当鼠标移动到超链接文字上面时，会变成小手样式 3、点击超链接之后能跳转到相应网址页面 ...
自学前端第十六天:表格和input和textarea控件
weixin_47592060的博客
05-04 959
一.表格 table (后期有UI/bootstrap组件辅助工具写) 一.表格概念:就是一张为 横行纵列 多行多列的单元格表 二.表格语法结构: (三层嵌套关系table>tr>td) <table> 表格 <tr> 行 <td>单元格内的文字</td> 单元格/列 ... </tr> ... </table> ①tr 元素定义表格行(table row) ②th 元素定义表头(
Wed前端开发 ---- HTML超文本标记语言
weixin_44568633的博客
02-16 1829
文章目录Wed前端开发 HTML超文本标记语言一、Wed前端开发介绍1、Web概述2、Web起源3、Web的特点4、Web工作原理面试经常问的一个问题：5、URL介绍二、HTML网页结构1、HTML介绍2、HTML基本结构3、文档类型4、文档规范与注释三、HTML标签1、文本标签2、换行标签3、列表标签4、div和span标签5、图片标签img6、超链接标签7、表格标签8、表单标签9、html内嵌...
前端入门01--HTML详解
龙涎果的学习博客
09-19 618
html5+css3+JavaScript 结构+表现+行为（交互） 目录 CONTENTS 初识HTML 网页基本标签 图像，超链接，网页布局 列表，表格，媒体元素 表单及表单应用 表单初级验证 HTML01 ：初识HTML 什么是HTML HTML发展史 目前流行（2019.06.15）：HTML5+CSS3 HTML的优势 W3C标准 org：开源 标准包括（面试提问） DOM：文档 ECMAScript：JavaScript遵循的标准 常见IDE（工具及快捷键） 这里我们选择IDEA工
Web前端学习笔记第一篇HTML5
babypiglolo的博客
10-06 560
Web前端学习笔记第一篇第一篇 HTML5第1章 HTML5学习概述1.1 认识HTML51.2 学习HTML5前的工作准备1. 头部内容2. 主体内容第二章 HTML5常见的块级标签和行级标签2.1 常见的块级标签2.2 常见的行级标签2.3 HTML5新增结构标签简介第三章 HTML5表格3.1 HTML5表格简介3.2 表格的基本属性3.3 行和列的属性3.4 表格的结构化与直列化3.4.1 表格的结构化3.4.2 表格的直列化3.5 章节案例：完成“特别休假申请单”第四章 HTML5表单4.1 表
前端——HTML
LiLiLiLaLa的博客
04-22 8120
1.前端三门技术 学习Web前端技术需要掌握三门基本技术：HTML，CSS，JavaScript： HTML：HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息，可以包含文件、图片、视频等 CSS：CSS样式是表现，就像网页的外衣比字体、颜色变化等 JavaScript：JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等 使用工...
HTML_无序列表_有序列表_项目列表_超链接_表格_细线表格_Unit_2;
qq_38053395的博客
07-12 8528
Topic 1： 列表1.无序列表：ul 嵌套 li  ；Practice：编写下图的一个网页：代码如下：&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;无序列表练习&lt;/title&gt; &lt;/head&gt; &lt;bod
HTML(超链接，建立锚点，建立图像，图像地图)
Steven
08-24 6375
PHP,HTML,常用标签
HTML 中的表格, 列表, 超链接和图片设置
qq_49044908的博客
04-27 2837
HTML 中的表格, 列表和超链接 继续来介绍一些常用的标签 目录 HTML 中的表格, 列表和超链接 表格 单元格合并 列表 图片设置 超链接 图片超链接 超链接的作用 表格 HTML 中的表格为<table></table> 标签 一行为 <tr></tr> 一行中的一格为 <td></td> 下面一段代码是一个最简单的表格 <table> <tr>
前端用html写excel文件直接打开
全易
09-10 587
html文件直接用excel打开
富文本中去掉 HTML 和 CSS 样式，只保留纯文本
S筱潇S四维Smile
09-11 349
要从富文本中去掉 HTML 和 CSS 样式，只保留纯文本，可以使用以下几种方法：1. 纯 JavaScript 方法你可以使用 JavaScript 的innerText或来提取文本，而忽略 HTML 标签和样式。
《HTML 与 CSS—— 响应式设计》
asd4353012的博客
09-11 1506
HTML 和 CSS 在响应式设计中起着至关重要的作用。通过使用语义化标签、响应式图像、媒体查询、弹性布局和响应式网格系统等技术，可以实现网页在不同设备上的自适应显示，提供最佳的用户体验。在进行响应式设计时，要遵循移动优先设计、内容优先和测试优化等最佳实践，不断提高网页的质量和性能。随着移动设备的普及和技术的不断发展，响应式设计将变得越来越重要，开发者需要不断学习和掌握新的技术和方法，以满足用户的需求。
打造民国风格炫酷个人网页：用HTML和CSS3传递民国风韵
最新发布
m0_61118741的博客
09-14 1047
这个示例展示了如何结合民国风格和现代网页设计元素，创造一个既古典又炫酷的网页。通过细致的CSS样式和动画效果，我们实现了古典美学与现代技术的完美融合。这种设计不仅在视觉上吸引人，也在功能上提供了良好的用户体验。希望这个示例对你在网页设计方面有所启发！
Word高效使用技巧：从表格到电子印章
"这篇资源主要介绍了Microsoft Word的多种使用技巧，包括如何处理表格跨页断行、使用分隔符、设置页眉和页脚、创建目录、添加超链接、输入数学公式和化学方程式，以及解决打开文档时产生$开头的文件、消除打印空白页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值