HTML基础知识（一）

最新推荐文章于 2022-05-16 22:28:22 发布
最新推荐文章于 2022-05-16 22:28:22 发布
阅读量134 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43422185/article/details/100702332
版权

html文档的定义

<!DOCTYPE html>

标题

HTML 标题是通过<h1> -<h6> 标签来定义的。

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

HTML 段落

HTML 段落是通过标签 <p> 来定义的。

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的。

<a href="www.baidu.com">这是一个链接</a>

HTML 图像

HTML 图像是通过标签 <img> 来定义的。

<img src="/images/logo.png" width="258" height="39" />

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性

HTML 文档实例

<!DOCTYPE html>
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>

HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name=“value”。

属性实例

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：

<a href="http://www.baidu.com">这是一个链接</a>

HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

HTML 注释

实例：

<!-- 这是一个注释 -->

HTML 文本格式化

HTML 格式化标签

标签描述
<em>定义着重文字
<small>定义小号字
<i>定义斜体字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字
<b>定义粗体文本

HTML <head> 元素

HTML <title> 元素

  • 定义了浏览器工具栏的标题
  • 当网页添加到收藏夹时，显示在收藏夹中的标题
  • 显示在搜索引擎结果页面的标题

实例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文档标题</title>
</head>
 
<body>
文档内容......
</body>
 
</html>

HTML <link> 元素

标签定义了文档与外部资源之间的关系。 标签通常用于链接到样式表: 
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML <script> 元素

<script>标签用于加载脚本文件，如： JavaScript。

HTML 图像

HTML 图像- 图像标签（ <img>）和源属性（Src）

是空标签，意思是说，它只包含属性，并且没有闭合标签。

定义图像的语法是：

<img src="url" alt="some_text">

HTML 图像- Alt属性

alt 属性用来为图像定义一串预备的可替换的文本。

替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">

HTML 图像- 设置图像的高度与宽度

height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。

属性值默认单位为像素:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
Qyra！
关注
前端核心基础知识总结
软贱开发攻城狮
09-07 1万+
在当前内卷严重的技术圈，虽说近两年一直都在唱衰前端开发，甚至有一种所谓的“前端已死”的言论，但是在实际情况下前端开发依然扮演着至关重要的角色，前端是用户与数字产品交互的桥梁。无论是构建复杂且用户体验较高的网页、强大的 Web 应用程序还是响应式的移动界面，前端开发都需要扎实的基础知识，在前端开发领域，基础知识是构建高效、稳定和可维护代码的基石。无论是刚入行的新手还是经验丰富的老手，扎实的前端基础都是必不可少的，尤其在面试过程中，面试官通常会着重考察应聘者对前端基础知识的掌握程度。
C++网络基础知识面试题1
dvlinker的技术专栏
09-27 1万+
本文详细总结常见的网络知识面试题。
【HTML】前端学习DAY1知识点小结
Ala_liu的博客
05-16 557
自学前端day1 HTML学习小结
前端基础_1_html
weixin_39238424的博客
12-11 281
各类格式速查列表：https://www.runoob.com/html/html-quicklist.html < !DOCTYPE html> 声明为 HTML5 文档 声明为 HTML5 文档 < html> 元素是 HTML 页面的根元素 元素是 HTML 页面的根元素 < head> 元素包含了文档的元（meta）数据，如 定义网页编码格式为 u...
HTML学习笔记
weixin_40695088的博客
03-01 735
HTML学习笔记 1.简介 HTML 指的是超文本标记语言:HyperTextMarkupLanguage。HTML 不是一种编程语言，而是一种标记语言（标记语言是一套标记标签(markup tag)） <!DOCTYPE html>声明为 HTML5 文档 <html>元素是 HTML 页面的根元素 <head>元素包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8...
HTML基础复习（二）图像
weixin_33984032的博客
04-11 236
在HTML中，图像由<img>标签定义，是一个空元素 1、src属性 　　源属性，即是URL地址。 2、alt属性 　　替换文本属性，当图片加载失败时，浏览器将显示这个替代性的文本而不是图像。 3、height/width属性 　　图像的高度/宽度，默认单位是像素 　　<img src="pulpit.jpg" alt="Pulpit rock" width="30...
jquery attr（）方法实例之多选框全选
明天的你会感谢今天的自己
10-24 1241
attr（）方法在jquery中也很常用，但它用法却有两个：       当该方法用于返回属性值，则返回第一个匹配元素的值：该例子返回img 对象的width属性 &lt;script&gt; $(document).ready(function(){ $("button").click(function(){ alert("图片宽度: " + $("img").attr("width...
html基础知识选择题,HTML笔试题目(附答案)HTML基础知识笔试题目(附答案).pdf
weixin_39877805的博客
06-04 2397
1、{HTML 题目 } 在 HTML页面中制作一个图像，想要在鼠标指向这个图像时浮出一条提示信息，应该使用的参数是 :( C ) ( 选择 1 项 )A) POP B) SRC C) ALT D) MSG2、{HTML题目 } 在页面中看不见的表单元素是那种？ ( C ) (选择 1 项)A) B )C) D )3、(HT...
25.WEB安全基础知识一 网站基础知识
qwsn
08-04 1624
1、网站基础知识 01 网站访问过程 域名->ip->服务器-服务器上的网站 网站->浏览器 02 网站的基础组成部分 html（超文本标记语言）：定义页面的内容 div+css（层叠样式表）：定义页面的布局 javascript（js脚本语言）：处理页面的动作 03 网站类型 静态网站：没有程序语言而且没有数据库、不可进行交互、后缀多为html/htm/shtml。 动态网站：程序语言、逻辑语言、有数据库、可交互、而且后缀多为php/asp/aspx/jsp/伪静态html等。
HTML5基础知识与入门教程
这篇笔记涵盖了HTML的基础知识和入门要点，作者通过讲解互联网的基本概念，如Internet、C/S和B/S结构，引入了WEB应用的概念，并重点介绍了HTML这一网页制作语言。HTML全称HyperText Markup Language，是一种用于创建...
web前端入门到实战：HTML图像标签img和源属性src及Alt属性、宽高、对齐
前端工程师年薪30万，就靠这套教程！持续更新最新知识
04-03 1347
使用<img>标签定义 HTML 页面中的图像,图像标签<img>有两个必需的属性：源属性src和alt，<img>是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src指 “source”。源属性的值是图像的 URL 地址。` 1 定义图像的语法是： 2 <img src="url" alt="some...
HTML教程(4)：CSS、图像
王小东大将军的博客
07-12 335
HTML 样式- CSSCSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式.&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt; &lt;style type=
HTML的img标签
weixin_33717117的博客
12-27 192
<!DOCTYPE html><html><head><meta charset="utf-8"><title>我的图片</title></head><body><img src="/images/logo.png" width="258" height="39" alt=...
web前端之html图片操作详解从零开始（三）----img标签
热门推荐
李海明的博客
02-25 1万+
<!DOCTYPE html> <html> <head> <title>Image.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- HTML 图像- 图像标签（ <img>）和源属性（Src） 在 HTML 中，图像由<img> 标
HTML学习（二）HTML基础
竹毛言己
04-15 345
以这个为例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 这是title </title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。&l...
html常用标签
cpf2016的专栏
11-13 792
（1）html标题           标题是通过-标签进行定义的           最大，最小           说明：HTML标题标签只能用于标题，而不能仅仅为了生成粗体或大号文本而使用 这是一个标题。 这是一个标题。 这是一个标题。 （2）html水平线           用来在页面中创建水平线，用来分隔内容 这是一个段落。 这是一个段落。 这是一个段落。
HTML基础-4个实例-HTML标题、段落、链接、图片
大西瓜Blog
08-16 1632
HTML 标题 HTML 标题（Heading）是通过&lt;h1&gt; - &lt;h6&gt; 标签来定义的 &lt;h1&gt;这是一级标题&lt;/h1&gt; &lt;h2&gt;这是二级标题&lt;/h2&gt; &lt;h3&gt;这是三级标题&lt;/h3&gt; HTML 段落 HTML 段落是通过标签 &lt;p&gt; 来定义的
HTML5基础（一）
qq_37721114的博客
06-11 156
①charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。各个字符编码含义： gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）。 unicode：万国码...
HTML5基础知识点详解与应用
本资源主要介绍了HTML5的基础知识点，涉及以下几个核心领域： 1. **HTML5文档结构**：HTML5引入了新的文档类型声明<!doctype html>，取代了传统的DOCTYPE，简化了文档格式。同时，HTML5采用UTF-8字符集作为标准编码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值