web前端开发（1.1）什么是HTML——基本格式

最新推荐文章于 2024-08-09 15:13:41 发布
原创 最新推荐文章于 2024-08-09 15:13:41 发布 · 359 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

博客介绍了HTML的基本格式、基本结构，给出一个完整的HTML网页格式，还提及了文档格式，为学习HTML提供基础内容。

（一）基本格式

 

 

（二）基本结构

（三）一个完整的HTML网页格式

（四）文档格式

 

【HTML5】Web前端开发初级下——第一课：初识HTML5、HTML5保留的常用元素
王迪
10-26 919
知识点：
前端开发.Html5.HTML5基本格式
chunnidong6528的博客
06-13 195
HTML5文档结构? 1.DOCTYPE文档类型声明,不区分大小写,告诉浏览器所查看的文档类型,在以往的HTML4.01和XHTML1.0中,它表示具体的HTML版本和风格 2.html元素/标签/标记,是文档开始和结尾的元素,它是一个双标签,头尾呼应,包含内容(head/body),常用...
前端开发基础模板
Irene1991的博客
04-16 594
html 文件 <!DOCTYPE html> <!--告诉浏览器，这是一个html文档--> <html> <head> <!--使用 UTF-8 编码 --> <meta charset="utf-8"> <!-- 不缩放--> <meta name="viewport...
前端开发常见图片格式详解
cychai的专栏
02-25 1608
前端开发设计，打交道最多的就是图片啦~今天就来个图片格式讲解，也许一些围绕你的问题可以在这篇文章中找到答案
web前端基础-HTML篇
Ave.的博客
10-24 1294
目录 web前端介绍 HTML基础概念 HTML基本格式 HTML的标记及运用 页面的基本调试
前端开发规范
极客神殿
12-13 1072
一、命名规范 驼峰式命名法由小(大)写字母开始，后续每个单词首字母都大写 1.1 变量 命名方法：小驼峰式命名法。 命名规范：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数) 命名建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。 // 好的命名方式 var maxCount = 10; var tableTitle = 'LoginTable'; // 不好的命名方式 var setCount = 10; var g
《Web前端开发最佳实践》——第1章 Web前端开发概述1.1　Web前端开发的范畴
bobo79888的博客
08-06 646
本节书摘来自华章计算机《Web前端开发最佳实践》一书中的第1章，第1.1节,作者:党　建 第1章 Web前端开发概述 本章首先会简单介绍Web前端开发的历史由来，以及前端开发的概念及其范畴，让读者对前端开发有个整体的认识，同时还会对前端开发的一些错误认识进行更正。其次会介绍一下Web前端的现状，包括互联网整体环境、浏览器的发展、网站的设计和开发现状等，让读者认识到前端开发的现状和趋势，以便...
Web前端开发 HTML常用标签大全
https://www.hyperplasma.top
08-09 2067
本文全面介绍了HTML的常用标签，包括标签的结构、分类以及具体用法。超文本标记语言通过标签定义网页内容，文中提到双标签和单标签的使用，并示例了HTML文档的基本骨架。还介绍了注释、标题、段落、换行、文本格式化、图像、超链接、音频、视频等常见标签的定义和示例，强调了表单标签在用户信息收集中的重要性，如输入框、下拉菜单和按钮等。此外，文中提到了语义化标签，强调使用有语义的标签能提高网页可读性与结构清晰度。整体而言，文章为前端开发者提供了HTML标签知识的参考，适合初学者理解HTML基本元素及其应用
TMS WEB Core1.1.2.1 setup
03-17
总之，TMS WEB Core 1.1.2.1 是一个强大且易用的Web开发工具，对于熟悉Delphi的开发者来说，它提供了无缝过渡到Web开发的途径，极大地拓展了他们的开发能力。通过这个安装版，你可以轻松地将TMS WEB Core集成到你的...
精选资源
期末前端web大作业：餐饮美食网站设计与实现——HTML+CSS+JavaScript美食餐饮网站 3页面
08-10
根据给定文件的信息，我们可以提炼出以下几个重要的知识点： ### 1. HTML5期末考核大作业的设计与...通过对这些知识点的学习和实践，学生能够更好地掌握前端开发的基本技能，同时也为未来的职业生涯打下坚实的基础。
Web基础
学习笔记记录，欢迎批评指正！2023年4月1日起，将不在继续更新，后续笔记将同步至语雀笔记（https://www.yuque.com/javazhangjinhe）
06-13 249
HTML前端基础、行块标签、标签的互换、表单格式、背景色、背景图、文本常用格式、常用选择器、选择器优先级
学习pink前端 常见基本网页格式
m0_64882756的博客
03-18 428
1.1 为约束浮动元素位置 ，网页布局一般先使用标准流的父元素排列上下位置，之后内部元素采取浮动排列左右位置。一般先亮出大盒子的高和宽。
web前端入门到实战：CSS基本格式以及文字相关的属性
软件开发-前端开发-IT
09-28 209
一、CSS格式 1.注意点： （1）style标签必须写在head标签的开始标签和结束标签之间（也就是必须和title标签师兄弟关系） （2）style标签中的属性type属性其实可以不写，默认就是type=“text/css” （3）设置样式是必须按照固定格式来设置，key:value;其中不能省略冒号和分号（最后一个分号的时候可以省略，但是我们不提倡） 二、CSS包括什么？ CSS包括选择器和...
WEB前端代码书写规范
qq_45229580的博客
11-17 986
3. 文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word。推荐使用属性值 `cmn-Hans-CN`（简体, 中国大陆），但是考虑浏览器和操作系统的兼容性，目前仍然使用 `zh-CN` 属性值。颜色值 `rgb()` `rgba()` `hsl()` `hsla()` `rect()` 中不需有空格，且取值不要带有不必要的 0。若左右大括号在一行，则大括号内侧必须有空格。
web前端基础学习4--JavaScript和xml文件格式
kxdhshlg的博客
12-02 352
JavaScript基础 JavaScript，其实与java没有关系。负责控制结构和样式的。 位置要在html文档的最后，写一个script标签 （双标签，格式如下： 《script》 alert(‘哈哈’)； 《/script》 alert(‘哈哈 我弹出来了’);弹出对话框 。都要用英文状态下的符号，小括号中可用双引号和单引号来包裹文字。 找元素（标签、标记） document.getelementById(‘div1’) //id名为div1 调试工具打开 F12 检查 在console中复制d
Web常用方案格式
qq_41790914的博客
10-13 735
HTTP: 超文本传输协议方案，除了没有账号和密码之外，与通用的URL格式相符。默认端口：80； 基本格式： http://< host > : < port > / < path > ? < query > # < frag > 示例： http://renduoduo2019.com/admin/courierManage http:...
HTML中基本格式的总结
Renuvb的专栏
11-18 848
最近开始学习web编程，首先需要学习的就是html。把学到的和html格式相关的知识记录下来： 首先中主要包含两个部分，一个是，另一个是。 中可以定义网页的作者、刷新频率等。 样例 上面代码中meta中定义了刷新频率为5秒，另外，meta中还可以指定过期时间、作者等，目的是为搜索引擎服务。 下面是body中的内容： 1. 标题 内容…… 内容 一共六种标题，从H1到H6
1.1 html概述和基本结构
程百球的博客
06-28 307
1.1.1 HTML是什么?    HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果...
Web前端开发基础
Emporor的博客
10-23 456
超文本标记语言HTML网页是WWW的基本文档，它是用HTML超文本标记语言）编写的。HTML严格来说并不是一种标准的编程语言，它只是一些能让浏览器看懂的标记。当网页中包含正常文本和HTML标记时，浏览器会“翻译”由这些HTML标记提供的网页结构、外观和内容的信息，从而将网页按设计者的要求显示出来。HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。设计目的是为了在移动设备上支持多媒体， 简单易学。HTML5的特性1．实现Web应用程序。
web前端开发技术实验与实践——HTML5、CSS3、JavaScript(第4版)项目35 简易图书
最新发布
06-17
### 简易图书项目案例分析与实践 在Web前端开发中，HTML5、CSS3和JavaScript是构建交互式网页的核心技术。以下是一个关于简易图书项目的案例分析和实现方法，结合了这些技术的特性。 #### 1. 项目概述 简易图书项目旨在创建一个在线图书展示平台，用户可以浏览书籍列表、查看书籍详情，并进行简单的交互操作（如添加到收藏夹）。此项目适合初学者学习HTML5、CSS3和JavaScript的基础知识[^1]。 #### 2. 技术栈 - **HTML5**：用于定义网页结构，包括书籍列表、详情页面等。 - **CSS3**：用于美化界面，实现响应式布局和动画效果。 - **JavaScript**：用于实现动态交互功能，例如点击事件、表单验证等。 #### 3. 功能模块 ##### (1) 图书列表页 使用HTML5创建一个书籍列表页面，每本书包含封面图片、标题和作者信息。通过CSS3设置样式，使列表呈现为网格布局或卡片形式。 ```html <div class="book-list"> <div class="book-card"> <img src="book1.jpg" alt="Book Cover"> <h3>Book Title</h3> <p>Author Name</p> </div> <!-- 更多书籍 --> </div> ``` ##### (2) 图书详情页 当用户点击某本书时，跳转到详情页面，显示更多详细信息（如内容简介、价格等）。利用JavaScript监听点击事件并动态加载内容。 ```javascript document.querySelectorAll('.book-card').forEach(card => { card.addEventListener('click', () => { window.location.href = 'book-details.html'; }); }); ``` ##### (3) 收藏功能 允许用户将喜欢的书籍添加到收藏夹。通过JavaScript实现本地存储功能，保存用户的收藏数据。 ```javascript function addToFavorites(bookId) { let favorites = JSON.parse(localStorage.getItem('favorites')) || []; if (!favorites.includes(bookId)) { favorites.push(bookId); localStorage.setItem('favorites', JSON.stringify(favorites)); } } ``` #### 4. 样式设计 使用CSS3创建吸引人的视觉效果，例如书籍卡片的悬停动画和响应式布局。 ```css .book-card { width: 200px; margin: 10px; border: 1px solid #ccc; transition: transform 0.3s ease; } .book-card:hover { transform: scale(1.1); } ``` #### 5. 响应式设计 确保项目在不同设备上都能良好显示，使用媒体查询调整布局。 ```css @media (max-width: 768px) { .book-card { width: 100%; } } ``` #### 6. 学习资源推荐 对于初学者，建议参考系统化的学习计划，逐步掌握HTML5、CSS3和JavaScript的核心技能[^3]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值