HTMLday01总结

最新推荐文章于 2024-06-14 22:48:58 发布
最新推荐文章于 2024-06-14 22:48:58 发布
阅读量262 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44400664/article/details/107920944
版权

HTML初识

HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。
HTML骨架格式

<HTML>
    <head> 
        <title></title>
    </head>
    <body>
    </body>
</HTML>

1 HTML标签：作用所有HTML中标签的一个根节点。根标签
2 head标签： 文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title。
3.title标签： 文档的标题
作用：让页面拥有一个属于自己的标题。
4.body标签：文档的主体 以后我们的页面内容 基本都是放到body里面的
body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

HTML标签分类

在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 HTML、head、body都是HTML骨架结构标签。
1.双标签
<标签名>内容</标签名>

比如 <body>我是文字</body>

2.单标签
<标签名 />
单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
比如 <br/>

HTML标签关系

标签的相互关系就分为两种：
1.嵌套关系

<head><title></title></head>

2.并列关系

<head> </head>
<body> </body>

常用标签

标题标签
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即：<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。

其基本语法格式如下：

<hn>标题文本</hn>

段落标签

文本内容

水平线标签
<hr />是单标签

换行标签

<br />

div span标签
div span是没有语义的，是我们网页布局主要的2个盒子css+div。
div就是division的缩写，分割、分区的意思，其实有很多div 来组合网页
span，跨度、跨距；范围
语法格式：

<div>这是头部</div><span>今日价格</span>

文本语义化标签
在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。
在这里插入图片描述

b i s u只有使用，没有强调的意思；strong em del ins语义更强烈。

图片标签
其基本语法格式如下：
<img 属性1=“属性值1” 属性2=“属性值2” … >内容</标签名>
img各个属性
在这里插入图片描述
src属性的路径可分为绝对路径和相对路径
绝对路径

  1. 完整路径：“D:\web\img\logo.gif”
  2. 完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。
    相对路径
  3. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如img src=“logo.gif” /。
  4. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如img src=“img/img01/logo.gif” /。
  5. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，如img src="…/logo.gif" /。

链接标签
语法格式如下：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href：用于指定链接目标的url地址
target：self为默认值当前窗口打开，blank为在新窗口中打开方式。
注意：
1.外部链接需要添加全域名路径，比如http:// www.baidu.com
2.内部链接直接链接内部页面名称即可，比如

< a href="index.html">首页</a >

锚点定位
通过创建锚点链接，用户能够快速定位到目标内容
先给要快速定位的目标内容加id名<h3 id="two">第2集</h3>,再使用a标签进行跳转<a href=”#id名”>

base标签
base可以设置整体链接的打开状态；base写到 之间。来统一body里所有的连接打开方式

特殊字符
在这里插入图片描述
列表标签
无序列表ul

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ul>

有序列表ol

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ol>

自定义列表
自定义列表(了解)
定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  <dd>名词1解释2</dd>
  ...
  <dt>名词2</dt>
  <dd>名词2解释1</dd>
  <dd>名词2解释2</dd>
  ...
</dl>
Object o1
关注
HTML01 基本介绍
weixin_47186832的博客
11-02 373
<!DOCTYPE html> <!--html根标签，一个网页有且只有一个根标签，网页中的所有内容都应该写在里面--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--head标签：该标签的内容不会直接在网页中显示，而是用来帮助浏览器解析页面的--> <head> <meta http-equiv="Content-Type" content="text/html; charset=...
html中对 id值做加法,HTMLday6总结
weixin_29612623的博客
06-26 762
变量作用域函数声明语法：function 函数名(参数列表){函数体}函数变量 = function (参数列表){函数体}1.全局变量:a.声明在函数外部的变量(从声明开始到文件结束都可以使用)b.直接声明在函数内的变量(不加var)注意：后面的其他的script标签中也可以使用a100 = 10var a200 = 1002.局部变量：通过var关键字声明在函数里面的变量是局部变量(声明开始到...
Html day01
Protractor的专栏
10-15 228
basic day01 --------------------------------------------------------------- HTML 代码运行在浏览器当中. HTML语言基础 html基本语法 后缀.html (或.htm) html常用标签 标题标记: 换行标记与段落标记 段
前端基础之html：day01
eve_gf的博客
12-02 1374
       序言：从2018年6月23号大学毕业之后，顺利进入一家上市公司，也是从事软件开发，但是自己对前端的学习却热衷不已，想着能够掌握前端的技术并且从事前端工作，因为它会给人带来一种前所未有的成就感，其实此前已经学过一遍前端的知识，但是由于从事的工作不是前端，长时间不用导致一些基础都已经忘得差不多了，所以从今天开始想通过博客来记录自己的前端学习之路。     正文： 1.什么是html?...
HTML01概念
qq_42731393的博客
02-23 146
1.HTML是超文本标记语言，是开发网页最基础的语言。 2.超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户界面范式，用以显示文本及与文本之间相关的内容。现时超文本普遍以电子文档方式存在，其中的文字包含有可以链结到其他位置或者文档的连结，允许从当前阅读位置直接切换到超文本连结所指向的位置。超文本的格式有很多，目前最常使用的是超文本标记语言（标准通用标记语言下的一个应用）及富文本格式。 简述：超文本也是一种文本文件。就像DOC文件，可以用word来打开一样，超文本文件也
第一章 HTML基础
目小温的博客
06-04 1169
学习笔记 记录一下
HTMLday0614总结
m0_71108047的博客
06-14 334
h-shadow水平阴影 v-shadow垂直阴影 blur模糊半径 color阴影颜色h 正 向右 V 正 向 下。
HTMLday1
01-07
HTMLday1可能是一份面向初学者的入门教程，旨在介绍HTML的一些基础概念。根据给出的信息，可以推断出该文件将主要围绕HTML的排版标签、文本格式化标签以及标签属性来展开介绍。 首先，关于排版标签，HTML提供了多种...
htmlday2笔记
09-20
HTML是用于创建网页的标准标记语言，本篇笔记主要讲解了两个关键元素：图片标签`<img>`和表格标签`<table>`，以及相关的属性和用法。 首先，我们来看图片标签`<img>`。这是一个单标签，用于在网页中插入图片。...
HTMLday3
qq_51213025的博客
12-09 343
新增标签属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <he
利用JavaScript、HTML、CSS来简单编写导航条、表单、表格的前端代码
qq_37937087的博客
03-23 1668
利用js来简单的实现表单里的按钮【获取表单内的数据】和【设置数据到表单内】操作 页面效果 html页面 0316Web/WebRoot/html/htmlDay01.html // An highlighted block <!DOCTYPE html> <html> <head> <title>htmlDay01.html</t...
【HTML01】常用标签含义及用法（基础）
qin23333的博客
12-28 1459
一. 常用标签 1.html head body 最基础的三个标签 html包括head与body 基本框架： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
html基础结构1
taoxirun的博客
04-12 307
将文字加粗<Strong> xxxx
html结构-two
xj470574的博客
05-25 254
实体 产生原因 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格 在HTML中有些时候，我们不能直接书写一些特殊符号比如 多个连续的空格 字母两侧的大于和小于号 如果我们需要在网页中书写这些特殊符号，需要使用html中的实体（转义字符） 实体的语法 &实体的名字； 实体 代表 &nbsp； 无换行的空格 &gt； 大于号 &lt； 小于号 &co
卷积神经网络程序-matlab
10-03
卷积神经网络程序-matlab-设置基本参数规格，卷积，降采样层，卷积核的大小
利用神经网络实现DNN信号均衡.zip
最新发布
10-03
利用神经网络实现DNN信号均衡
基于文本增强与争议融合的虚假信息检测模型设计源码
10-03
该项目为吉大毕业论文设计源码，主题为基于文本增强与争议融合的虚假信息检测模型。项目包含20个文件，主要包括14个Python源代码文件、2个文本文件、1个Git忽略文件、1个许可证文件、1个Markdown文件、1个JSON文件。该模型旨在提高虚假信息检测的准确性，适用于相关研究与应用场景。
MATLAB 实现的蜜蜂算法优化卷积神经网络（Bee-CNN）进行图像分类预测的详细实例（包含详细的完整的程序和数据）
10-03
内容概要：本文提供了一个基于MATLAB的应用案例来演示蜜蜂算法优化卷积神经网络进行图像识别的具体流程，具体步骤从数据准备、CNN模型构建开始，到用蜜蜂算法优化权值参数、最后是模型训练以及效果评测。附带详尽完整且可以立即使用的源码与实验数据。 适用人群：熟悉 MATLAB 开发环境的基础用户，对图像分类、卷积神经网络及其改进方法有一定理论了解的工程技术人员。 使用场景及目标：该示例适用于初学者掌握MATLAB环境中结合蜜蜂算法改进的卷积神经网路设计技巧、用于解决复杂的图像识别任务。 阅读建议：学习前先确保自己的MATLAB安装完毕并且对基本操作有了解。建议边学习理论边实践尝试修改部分实验参数以便深入了解各个阶段的效果变化。
国内有哪些热门前端开发的论坛 ，给出地址
03-31
1. 掘金：https://juejin.cn/frontend 2. CSDN：https://bbs.csdn.net/forums/Web前端开发 3. segmentfault：https://segmentfault.com/channel/frontend 4. V2EX：https://www.v2ex.com/go/frontend 5. 小密圈：https://xiaomiquan.com/t/topic/6b7z6v9g9Z 6. 前端乱炖：http://www.html-js.com/ 7. 前端之巅：https://www.qdfuns.com/ 8. 前端网（前端资源分享）：http://www.qdfuns.com/ 9. 前端大全（前端资源库）：http://www.htmlday.com/ 10. 前端工具集（前端工具）：https://www.html.cn/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值