HTML基础总结 01

最新推荐文章于 2020-04-11 11:36:38 发布
最新推荐文章于 2020-04-11 11:36:38 发布
阅读量799 收藏
点赞数 1
分类专栏： 概念笔记 文章标签： 基础HTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45176415/article/details/98999914
版权

学习HTML

  • 认识网页

    组成:文字,图片,按钮,输入框元素组成

  • 网页的标准和规则

    结构标准-----> 通过HTML标签搭建好一个网页框架
    表现标准-----> 通过css对网页结构进行美化处理
    行为标准-----> 通过JavaScript对网页中进行操作

  • 了解服务器

    概念: 用来浏览网页的软件
    内核: 用来渲染网页的一个渲染引擎(将HTML可以转化成可以识别的图文信息)
    内核分类: IE(Trident) 谷歌(Blink) 火狐浏览器(Gecko) 苹果(webkit) 欧朋浏览器(Presto)

  • HTML的概念

    概念: 超文本标记语言 ( Hyper Text Markup Language)

  • HTML的语法结构

    基本语法结构 :
    < !DOCTYPE html> ---------->文档的声明类型
    <html> ------------>跟标签
    <head> ------------>设置网页头部信息(网页中的基本信息)
    </head>
    <body> ------------->网页主体
    </body>
    </htm>

  • 标签的写法分类

    单标签: 标签只有开始,没有结束
    双标签: 标签既有开始标签又有结束标签

  • HTML标签之间的关系分类

    • 并列关系 : 标签之间相互独立的存在
    • 嵌套关系: 标签之间可以相互嵌套包含(子元素和父元素)
    • 标签之间基本的嵌套规则:
      • 所有的双标签都可以作为父元素或者子元素
      • 单标签不能嵌套其他标签

  • 把每天的代码以天作为单位进行维护

    • 整理代码要有顺序，
    • html快速生 ！+tab

  • 相对路径和绝对路径

    • 相对路径： 以某个文件作为参考
      • 当前文件或图片和当前页面在同一个文件夹 直接写文件名字或者。/ 文件名称
      • 如果当前文件在上一个目录中写 …/ 代表返回上一级
      • 如果当前文件在下一级目录写文件夹名称/图片名称
    • 绝对路径： 具有具体的网址路径–具体的网址

  • 超链接与锚链接

    • 超链接：实现页面跳转
      • href：用来设置要跳转的目标路径
      • target: 设置页面的打开方式 默认本窗口打开
        target ： “self" target = "blank"新的窗口打开（在head变迁中可以统一设置）
    • 锚链接：当前页面的其他标签的时候在所需跳转标签加上一个id

  • 设置网页图标

    • 在head标签中设置<link rel="icon" href="图片路径的名称">

  • h5多媒体常见的标签

    • 视频标签 ： <video src="视频的路径" control(控制栏) loop（循环播放） autoplay（点击播放） 也有宽度和高度></video>
    • 音频播放： <audio></audio>
别动我代码儿
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Lesson01_01 HTML基础
10-31
### HTML基础知识概述 #### 1. HTML语言简介 - **定义**：HTML（HyperText Markup Language），即超文本标记语言，是一种用于创建网页的标准标记语言。 - **作用**：通过HTML，开发者可以构建网页的基本结构，并...
HTML5+css3课后习题【一】
缘友一世的博客
11-04 8747
因为静态网页的访问速度快，所以现在互联网上的所有网站都是静态网页组成的。（✖️）大多数网页是动静混合模式。“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。（✔️ ）在Web标准中，表现是指网页展示给访问者的外在样式。（ ✔️）在网页中，层叠样式表指的是JavaScript。（✖️ ）CSS所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。（ ✖️）结果不一样。
HTML基础
M_ount的博客
03-17 388
HTML(HyperText Markup Language): 超级文本标记语言 格式： &lt;!-- 版本控制 告诉浏览器用最新的HTML版本解析文档 --&gt; &lt;!DOCTYPE html&gt; &lt;!-- html文档区域 start --&gt; &lt;html&gt; &lt;!-- 文档头部 start --&gt; &lt;he...
HTML标签关系——双标签和单标签，标签的嵌套与并列
qq_42057046的博客
05-04 4039
在html页面中，带有“<>”符号的元素被称为HTML标签，例如<html></html>, <head></head>等都是标签 html中标签又分为双标签和单标签 双标签 <标签名>内容</标签名> 形如<html></html>，<head></head&gt...
HTML中标签的嵌套原则
热门推荐
我不是安徒生的博客
04-18 1万+
我们都知道，html中有大量的标签，div、ul、li、dl、dt、dd、h1~h6、p、a、span、 strong……，我们在运用这些标签进行页面搭建的时候，是可以嵌套起来来使用的（可能面试过程中，有的面试官也会问到相关的标签嵌套规则的问题），但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？我们今天就来简单地给大家说一说。 首先，HTML
带标签体的标签和父标签的标签
stupid_Qiu的博客
11-26 977
带有标签体的自定义标签  1)若有一个标签体：   &lt;c1:date &gt;sssss&lt;/c1:date&gt;    在自定义标签的标签处理器中使用JspFragment对象封装了标签体的信息   若配置了标签含有标签体，则jsp会调用setJspBody()方法把JspFragment传递给标签处理类。在SimpleTagSupport中还定义了一个getJspBody...
HTML常用基础学习总结
最新发布
04-12
### HTML常用基础学习总结 ... ... ... - **GML(Generalized Markup Language)**：一种IBM格式化文档语言，用于文档结构的描述。... - **SGML(Standard Generalized Markup ...掌握HTML基础知识对于从事Web开发的人来说至关重要。
html基础代码总结2
07-18
html基础代码总结2
HTML基础知识点总结 .doc
11-21
本篇总结涵盖了HTML的基础知识点，主要分为三个章节，分别是HTML文档结构、元素标签及样式控制、以及表单处理。 **一、HTML文档结构** HTML文档通常由`<!DOCTYPE>`声明开始，用来指定文档使用的HTML版本。接着是`...
HTML基础总结推荐(段落)
09-28
1. **段落定义**： - 段落是通过`<p>`标签来定义的。例如： ... <p>This is a paragraph ...希望这个简短的HTML基础总结能对你有所帮助，如果你想要进一步深入学习，可以查阅更多的HTML教程和参考资料。
第二章 网站开发基础之HTML教程 - 三、HTML及网页相关的知识点：父标签、子标签和后代标签
陈子的专栏
04-11 1233
（七）父标签、子标签和后代标签 HTML标签嵌套后，两个直属嵌套的标签，外层的标签称为父标签，内层的标签称为子标签；子标签的子标签则称为父标签的后代标签，子标签也属于后代标签。如： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;...
a标签里面嵌套一个a标签，点击子链接标签时，同时触发了父标签a
Mr_Wanter
06-30 9334
情景还原： html生成的源码： 电子资源 数据库 试用数据库 自建特色数据库 span点击触发事件： function redict(id, name) { //接下来使用js代码进行页面跳转 window.location.href = "
HTML中部分标签的嵌套问题
weixin_30345577的博客
05-27 225
书写HTML结构的时候，对于标签的嵌套问题，在我发现这个问题之前，都不在自己的考虑之中，还傻傻的以为标签之间是可以进行百搭的！ 其实，有些标签是不能进行随意嵌套，如果你没有深受其害，你是不会发现它的存在的，更不会体会到它能带给你的那种抓狂感！ 那么究竟是那个两个标签呢？请看，就是a标签和p标签，乍一看都是像欠揍的样子，是不是？ （1）a标签不能嵌套a标签（链接嵌套） <a hre...
HTML与CSS--------标签嵌套规则及行块标签特性
Anna_ll的博客
08-20 505
行块标签特性 块标签 1.标签独占一行 2.块标签默认宽度是100%(父级的宽度) 3.块标签可以设置宽高 4.块标签可以嵌套块标签或者行标签(除了p,h1-h6,dt) 行标签 1.行标签可以共用一行 2.行标签默认是由内容撑开宽高 3.大部分行标签都不能设置宽高(除了img,input
标签嵌套
weixin_30391339的博客
01-25 256
标签嵌套规则 块级标签能够嵌套某些块级标签和内联标签(行内标签) 内联标签不能嵌套块级标签,只能嵌套内联标签 块级标签能够设置高度和宽度 内联标签不能设置高度和宽度(设置也没有效果) CSS属性设置 　　宽和高 width:100px 设置宽度 height:100px 设置高度 border: 1px solid red 设置边框大小,颜色 .c1{wi...
JSDOM节点（当前标签和同级、父级、子级..之间的关系）
sunyqcn的博客
09-02 7396
1. 通过顶层document节点获取     1) document.getElementById(elementId) //根据id获得     2) document.getElementsByName(elementName) //根据name获得     3) document.getElementsByTagName(tagName) //根据标签名获得 2、通过父节点获取
自定义父类标签、选择标签
全干工程师
09-02 1734
父标签：1、父标签无法获取子标签的引用，父标签仅把子标签作为标签体来使用 2、子标签可以通过getParent来获取父标签的引用，如果子标签的确有父标签，jsp引擎会把代表父标签的引用通过setParent赋给标签处理器mytld.tld<?xml version="1.0" encoding="UTF-8" ?> <taglib xmlns="http://java.sun.com/xml/ns
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

别动我代码儿

感谢技术精进的你，加油不负韶华

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值