HTML基础

最新推荐文章于 2023-03-06 17:15:50 发布
最新推荐文章于 2023-03-06 17:15:50 发布
阅读量133 收藏
点赞数
分类专栏： 前端 文章标签： html html5 Html基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27442469/article/details/113806646
版权

第一章 HTML简介

  1. 什么是网页?
    网站是指在因特网上根据一定的规则, 使用HTML等制作的用于展示特定内容相关的网页集合. 网页是网站中的"一页", 童冲是HTML格式的文件, 它要通过浏览器来阅读.

  2. 什么是HTML?
    超文本标记余元, 用来描述网页的, 由许多标签组成.
    超文本有两层含义:

    • 图片, 声音, 多媒体;

    • 跳另一个文件.

  3. 网页的形成:

    前端人员开发代码->浏览器解析,渲染->生成最后的web页面.

第二章 常用的浏览器

  1. 火狐, 谷歌, 苹果, IE(Edge), Opera. http://tongji.baidu.com/data/browser 查看浏览器统计数据.

  2. 浏览器内核:

    浏览器内核备注
    IETridentIE, 猎豹, 360, 百度
    FirefoxGecko火狐浏览器内核
    SafariWebkit苹果浏览器
    Chrome/OperaBlinkChrome/Opera内核

    注: 国产浏览器一般都是Webkit或Blink内核.

第三章 Web标准

Web标准是由W3C组织和其他组织制定的一系列标准集合.

  1. Web标准的三大组成部分(面试常问):

    • 结构: 网页元素进行整理和分类;
    • 表现: 版式, 颜色, 大小, 主要指CSS;
    • 行为: 交互的编写, 指JS.

    最佳写法和体验: 结构, 样式, 行为相互分离的写法. 清晰整洁!

第四章 HTML标签

  1. 掌握内容:

     书写规范, 骨架标签, 超链接标签, 图片标签中 alt 和title 的区别?

  2. 标签的关系: 包含 和 父子;

  3. 骨架标签(基本结构标签):

    <html></html>根标签
<head></head>
<title></title>
<body></body>

  4. 常用的工具: DW cs6, Webstorm, HBuilder, VScode

  5. VScode常用的插件:

    • open in Browser;
    • Auto Rename Tag (自动重命名标签, 达到首位标签一起修改的效果).
    • JS-CSS-Html 格式化代码.
  6. <!DOCTYPE> 文档类型声明: 用来告诉浏览器使用的HTML哪个版本, 必须写在<HTML>标签前面.
<HTML lang="en">: 表示当前网页是英文网页(中文 zh-CN).
<meta charset="UTF-8">: Html保存时使用UTF-8编码.

  7. HTML常用标签:

    学习技巧: 使用标签的语义, 写出来的代码更加清晰.

    1. 标题: H1->H6: 语义: 标题使用, 重要性递减; 效果: 加粗, 独占一行, 字体变大;

    2. 段落和换行:

      p: 定义段落, 段落内根据浏览器宽度自动换行;

      br: 换行, 单标签.

    3. 文本格式化: 粗体, 斜体, 下划线

      加粗<strong>或<b>, 推荐<strong>语义更强烈;
倾斜<em>或<i>, 推荐<em>;
下划线<ins>或<u>, 推荐<ins>;
删除线<del>或<s>, 推荐<del>.

    4. <div> 和 <span> 盒子, 没有语义
    <div>: 独占一行, 大盒子;
    <span>: 不独占一行, 小盒子.

    5. 图像标签: 单标签

      属性描述
      alt替换文本, 图像无法显示时展示的内容
      title鼠标移上去时展示的文字

    6. 超链接标签:

      属性描述
      href跳外部链接: http…,跳内部链接: 相对路径 或 锚点
      target指定打开方式, 默认_self, 当前页面打开;_blank新页面打开

    7. 锚点链接: 快速定位到页面的某个位置:

      <a href="#id">xxx</a>

    8. 注释标签: <!-- -->

    9. 特殊字符:

    特殊字符描述字符代码
    空格&nbsp;
    <小于&lt;
    >大于&gt;
    &和&amp;
    ¥人民币&yen;
    ©版权&copy;
    ®注册商标&reg;
    ℃摄氏度&deg;
    ±正负号&plusmn;
    ×乘号&times;
    ÷除号&divide;
    ²平方&sup2
    ³立方&sup3;

    1. 表格: 主要用于展示数据, 可读性好.

      <table>
    <tr>行标签
        <td>文字</td>单元格
    </tr>
</table>
<th></th>表头单元格标签, 样式: 加粗, 居中
      属性属性值描述
      alignleft, center, right与周围元素的对齐方式
      border1 或 “”是否有边框, ""表示无
      cellpadding像素值单元边沿与文字的空白
      cellspacing像素值单元格之间的距离, 默认2像素
      width像素值或百分比表格的宽度

      表格结构标签: (内部必须有), , 使结构更清晰.

      <table>
    <thead>
    	<tr>
        	<th></th>
        </tr>
    </thead>
    <tbody>
    	<tr><td></td></tr>
    </tbody>
</table>
程序小人生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
HTML基础知识
12-20
HTML前端网页设计的一些小知识，非常适合初学者学习，
HTML基础知识点
qq_40046544的博客
07-27 8516
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML基础标签
weixin_45348240的博客
03-23 6057
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
全网最全HTML基础
a1085653724的博客
04-20 5035
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 21万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
头歌-HTML基础
最新发布
somewon的博客
03-06 9909
四川师范大学 头歌 web应用开发
HTML基础 - HTML表格
qq_45383769的博客
04-07 1万+
HTML基础 - HTML表格 1.无表头的表格 <table> <tr> <td> <table>标签代表的是表 <tr>标签代表的是行 <td>标签代表的是列 在html页面中的表格来着，就和excl的表格不一样喽，咱自己有自己的规则： 这就是没有表头，也就是最简单的一个表格。（设置了边框为1 ：border= “1”） 2.有表头的表格 <th> <th>表示就是表头了哦，字体是加粗居中显示的
web前端开发（一）—HTML基础
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
HTML基础笔记
02-06
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
html基础教程
07-22
资源名称：html基础教程内容简介：HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
Html基础文档
09-13
HTML 免费
HTML基础.xmind
12-07
HTML基础.xmind
html基础整理
04-19
整理一些html常用的基础的标签作用与其网页的展示效果非常基础，简单易懂
HTML基础题目.rar
04-08
文件为HTML基础题目，题目如下，欢迎下载，3-1《七步诗》3-2制作Google Logo效果3-3《关山月》3-4通配符选择器3-5CSS字体样式属性3-6春天3-7你若安好便是晴天3-8CSS层叠性3-9CSS优先级3-10制作新浪博客效果
Html基础学习
02-02
网站简单的Html基础编程，以ppt的形式结合代码了解Html中的各个标签

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值