Html

最新推荐文章于 2023-07-07 19:00:15 发布
最新推荐文章于 2023-07-07 19:00:15 发布
阅读量104 收藏
点赞数
分类专栏： briup 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41539064/article/details/97917346
版权

HTML

一、Html文档(HTML Document)

一个完整的Html网页是由多个Html元素按照一定方式组成的。

<!DOCTYPE html>
<html lang="en">
 <head>
 	<meta charset="UTF-8">
 	<title>hello world</title>
 </head>
 <body>
 	<h1>你好，html</h1>
 	<p>这是我写的第一个网页</p>
 </body>
</html>

1.DOCTYPE

  doctype是用来作为一组规则的链接，HTML页面必须遵循这些规则才能被认为是好的HTML，这些规则会用来检测网页是不是存在问题,记住H5文档类型即可。

(1) 严格的文档类型
(2) 宽松的文档类型
(3) H5文档类型
   <!DOCTYPE html>

2.<html>

  Html的根元素，用来包含html文档的所有元素。

3.<head>

  包含在头部的内容不会被显示的页面中，这里通常包含页面的编码，作者，页面的描述信息，js的导入，css的导入等信息。

4.<meta charset=“UTF-8”>

  用来声明当前文档的编码方式为UTF-8。

5.<title>

  用来声明当前文档的标题，标题将会出现在浏览器的选项卡中。

6.<body>

  所有想要显示在浏览器中的元素都被包含在该元素中。

二、Html元素(HTML element)

  一个Html元素是由一个开始标签，一个结束标签，以及内容组成。标签决定了其内容的特性。
  标签可以嵌套使用，即可以将一个标签写入另一个标签内。
     <p>My cat is <strong>very</strong> grumpy.</p>

1.块级元素(Block elements)

  独占一行空间，用来布局段落，列表，导航菜单，脚注等结构，不要将块级元素嵌套在行内元素中。
     <p>this is page1</p>
     <p>this is page2</p>

2.行内元素(Inline elements)

  与其他元素共享一行空间，一般嵌套在块级元素中，通常作为段落的一部分出现。
     <p>you are <strong>strong</strong></p>

3.空元素(Empty elements)

  只包含单个标签，通常用于在文档中插入部分内容，例如img
     <div><img src="my.jpg" alt=""></div>

4.替代元素(Replaced elements)

  替代元素已经脱离了CSS的范畴，它们的表现不依赖CSS，典型的替换元素有<img>，<object>，<video>，<textarea>，<input>，<audio>，<canvas>等。

三、Html属性

  元素也可以拥有属性，与元素相关的特性也称为属性，属性由键值对组成。属性信息不会出现在你的实际内容里。比如添加一个class属性用于识别元素，稍后也可以根据该属性进行一些样式信息的设定或者其他事情。
  属性是有属性名和属性值之间使用等于号“=”分割，属性与属性之间使用空格“ ”分开，属性值通常使用单引号或双引号括起来。

核心属性

  大多数元素都可以使用的属性
  (1) id      唯一标识
  (2) class    标识一类元素
  (3) style        样式
  (4) title      描述信息

四、Html标签

(1) 段落
<p>I am a page,oh yes I am.</p>

(2) 标题

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>

(3) 强调
  <em>   意为强调，突出文章重点
  <strong> 意为强调，内容更为有用
  <b>       加粗
  <i>        斜体
  <eum>   下划线
(4)列表
有序列表ol
  子元素li，序号默认从1开始
无序列表ul
  子元素li
列表dl
  子元素dt：标题
  子元素dd：列表项

Crocodile Tears
关注
专栏目录
html+css设计两个摆动的大灯笼
静Yu的博客
12-31 1万+
新年马上就要到了，教大家用html+css设计两个大灯笼，喜气洋洋。
HTML
crraxx的博客
10-18 167
html概述 HTML是什么? HTML即超文本标记语言(HyperText Markup Language) 超文本:采用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。 标记语言:用标签标注网页内容,浏览器在运行网页时就可以根据标注显示相应的格式. HTML可以做什么? 制作网页 HTML基本语法: 开发工具 HBuilder X 国产软件 基本结构 <!-- 给浏览器声明为html 5类型 ，告诉浏览器按照html5的标准运行--> <!DOCTYPE html&gt
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
weixin_34195364的博客
09-03 2014
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML基础用法
SwitchD的博客
09-03 3662
目录 一、HTML 二、HTML、CSS、JavaScript区别 三、支持HTML的软件 四、DOM树结构 五、HTML在VSCode上相关快捷键 六、HTML常见标签 1.标题标签（h1-h6） 2.段落标签（P标签） 3.换行标签 （br标签） 4.格式化标签 5.图片标签（img） 6.超链接（a标签） 7.表格标签（table标签） 8.列表标签 9.表单标签 （1）form标签 （2）input标签 （3）label标签 （4）select标签 （5）textarea 多行编辑框 10.div
HTML基本结构
langmanboy的博客
04-08 1万+
HTML基本结构 1. HTML结构代码展示 <!DOCTYPE HTML> <!-- HTML5标准网页声明 --> <HTML> <!-- HTML为根标签，代表整个网页 --> <head> <!-- head为头部标签，一般用来描述文档的各种属性和信息， 包括标题等--> <meta charset="UTF-8"> <!-- 设置字符集为utf-8 --> <title>my HT
html验证码
Java721的博客
04-13 3587
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <label>验证码</label> <input type="button" id="code"> <script src="layui/layui.js"
html简单随机抽奖页面（在线抽奖、随机选取、自动挑选）
热门推荐
杨明金的博客
07-19 10万+
效果： 代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>在线抽奖 随机选取 自动挑选</title> <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <style> body { background-color:al
HTML5——接口
Galaksen的博客
10-17 3911
目录 1.网络监听接口 2.全屏接口的使用 3.FileReader的使用 4.拖拽接口 5.地理定位接口 6.Web存储 6.1 sessionStorage 6.2 localStorage 7.应用缓存 8.多媒体接口（自定义播放器案例） 1.网络监听接口 2.全屏接口的使用 全屏操作的主要方法和属性 ： requestFullScreen()：开启全屏显示...
WEB——html基础知识总结＋案例实战
weixin_51525416的博客
07-07 5130
WEB——html基础知识总结＋案例实战
html制作圣诞树
weixin_47800450的博客
12-25 6万+
HTML代码 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CodePen - A Pen by 结弦</title> <link rel="stylesheet" href="./style.css"> </head> <body> <!-- partial:index.partial
50余款手机页面模版源码html5
11-16
50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...
HTML5+CSS3 精美登陆界面源码
01-19
HTML5和CSS3是现代网页开发的两大核心技术，它们为创建功能丰富且视觉吸引人的网页提供了强大的工具。在这个“HTML5+CSS3 精美登陆界面源码”压缩包中，包含了三个精心设计的登录界面，每一个都充分利用了HTML5的新...
HTML5浪漫爱心表白动画在线演示程序
02-12
HTML5是一种强大的网页开发语言，它是HTML的第五个版本，为现代互联网提供了丰富的功能和交互性。这个"HTML5浪漫爱心表白动画在线演示程序"是一个利用HTML5特性制作的创意应用，特别适合在情人节这样的特殊日子里，...
html+css网页设计源码(简洁)
12-25
HTML 和 CSS 是构建网页设计的基础，本资源提供了一套简洁的网页设计源码，适合初学者和需要快速搭建页面的开发者。这套源码充分展示了如何使用 HTML 结构元素和 CSS 样式规则来创建一个清晰、易读且具有基本功能的...
南京工业大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-04
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
下单系统的Spnigboot和微信小程序实现（全栈微信小程式下单）.zip
10-04
下单系统的Spnigboot和微信小程序实现（全栈微信小程式下单）
基于Java开发的智能文件管家设计源码
最新发布
10-04
该项目是一款基于Java的智能文件管家设计源码，涵盖102个文件，包括29个Java源文件、27个类文件、19个XML配置文件、10个YAML文件、8个列表文件、4个属性文件、4个JAR包文件以及1个Git忽略文件。该系统旨在提供高效便捷的文件管理解决方案。
基于YoloV8的简单目标检测和跟踪，使用KMNET进行鼠标移动（处理多目标移动抖动，处理鼠标平滑移动）.zip
10-04
基于YoloV8的简单目标检测和跟踪，使用KMNET进行鼠标移动（处理多目标移动抖动，处理鼠标平滑移动）
基于Vue和JavaScript的心旅途个性化推荐旅游平台设计源码
10-04
本项目是一款基于Vue和JavaScript开发的心旅途个性化推荐旅游平台设计源码，整合了513个Java文件、76个PNG图片、70个XML配置文件、62个JavaScript文件、42个Vue组件文件、28个CSS样式文件、22个HTML文件、18个YAML配置文件、16个属性文件、11个Vue模板文件，总计919个文件。平台采用现代化前端技术堆栈，旨在为用户提供个性化的旅游推荐服务。
HTML标签属性完全指南
“html标签属性大全（完美版）涵盖了HTML中常用的标签和属性，旨在帮助学习者更好地理解和使用HTML进行网页制作。此大全包括了滚动标签`<marquee>`的各种属性，如行为、方向、循环次数、宽度、高度、背景色、滚动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值