HTML整理1

最新推荐文章于 2022-05-27 18:33:11 发布
最新推荐文章于 2022-05-27 18:33:11 发布
阅读量770 收藏 5
点赞数
分类专栏： 团队项目 整理 文章标签： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38312031/article/details/79066811
版权

HTML基本整理<1>

@[基本实例|html]

基本代码格式

<!DOCTYPE HTML>
<html>
<body>
<h1>html基本格式</h1>
</body>
<html>

HTML基本标签

<h1></h1><!--html标题-->
<p></p><!--html段落-->
<a href="http://www.baidu.com"></a><!--html链接-->
<img src="王皓.jpg" width="100" height="100" /><!--html图片-->
<br/><!--回车换行-->

HTML属性

属性一般以名称/值对方式出现

常用属性列表

属性描述
class规定类名
id规定元素唯一id
lang规定元素内容的语言
style规定行内css样式

HTML标题

HTML标题

标题通过<h1>-<h6>定义

实例

<h1>h1标题</h1>
<h2>h2标题</h2>
<h3>h3标题</h3>
<h4>h4标题</h4>
<h5>h5标题</h5>
<h6>h6标题</h6>

HTML水平线

水平线用于分隔内容，用<hr/>标签创建

HTML注释

注释通过<!--注释内容-->标记创建

HTML段落

段落通过<p>段落内容</p>标记

HTML样式

样式通过style属性设定

HTML格式化

文本格式化常用标签

属性描述实例
b加粗b
big加大big
em着重em
i斜体i
small减小small
strong加重语气strong
sub下标ma
sup上标ma
ins插入ins
del删除del

计算机输出标签

属性描述实例
code计算机代码html
kbd键盘码kbd
var变量
pre预格式

引用

属性描述
abrr缩写
acronym首字母缩写
blockquote长引用
q短引用
cite引用、引证

HTML样式

外部样式表

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

内部样式表

<html>
<style type="text/css">
body{background-color:red}
</html>

内联样式表

<p style="background-color:red;">
style
</p><!--style设置请看css教程-->

HTML链接

<a href="http://www.baidu.com">html链接</a>
<!--可以增加target属性定义打开方式-->
<!--可以增加name属性定义页内书签-->

HTML图像

<img src="王皓.jpg" alt="王皓" href="#"/>

HTML表格

<table>
<tr>
<th>Heading</th>
<th>Heading</th>
</tr>
<tr>
<td>row1,col1</td>
<td>row1,col2</td>
</tr>
<tr>
<td>row2,col1</td>
<td>row2,col2</td>
</tr>
</table>
<!--border定义边框属性-->

效果

HeadingHeading
row1,col1row1,col2
row2,col1row2,col2

HTML列表

无序列表

<ul>
<li>1</li>
<l1>2</li>
</ul>
  • 1
  • 2

有序列表

<ol>
<li>1</li>
<l1>2</li>
</ol>
  1. 1
  2. 2

HTML div和span

HTML div

HTML<div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

HTML span

HTML <span> 元素是内联元素，可用作文本的容器。

<span> 元素也没有特定的含义。

当与 CSS 一同使用时，` 元素可用于为部分文本设置样式属性。

食兔人
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML整理
Sw_479的博客
08-27 778
HTML 标题标签:h1-h6 字体标签:font 加粗:b标签 格式:<b>文字</b> 斜体:i标签 格式:<i>文字</i> 超链接标签:a <a href="超链接" target="_blank"></a> <!--图片超链接--> <a href="超链接" target="_blank"> <img src="图片"/> </a> 图片标签:img <img src=
HTML面试题整理
热门推荐
imber___zsk的博客
01-03 1万+
HTML面试题整理 01.说一下对语义化的理解？✅ 对开发者友好，让人更容易读懂，利于代码可读性 对机器友好，让搜索引擎更容易读懂，利于seo 02.说一下HTML5有哪些更新/新增？✅ 新增语义化标签，音频视频标签 新增localstorage，sessionstorage本地存储 新增DOM查询 document.querySelector() 、 document.querySelectorAll() … 03.说一下defer和async的区别？✅ 行内：button，span 块级：d
HTML测试题整理
气死的笨喵
08-17 3175
html测试题整理 1.哪个元素被称为媒体元素的子元素？ 答案：<track>。 <track> 标签为媒体元素（比如 <audio> and <video>）规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。 2.哪个元素定义了 <object> 元素的参数？ 答案：<param>。 param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是.
HTML常用标签超详细整理
shengyin714959的博客
05-27 2万+
HTML概述 1.1 什么是HTML HTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的PC端开发，还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术 1.2 HTML概念 HTML:Hyper Text Markup Language，超文本标记语言。是用来帮助我们构建网页的。 【超文本】：网页本身是一个文本文件，而超文本指的是这种文件中既可以包含文本信息，又可以包含图片，音频，视频和链接等非文字的信息。
HTML标签整理
03-14
本文档是对HTML标签的整理，以思维导图的形式，对初学者有所帮助
html5文档整理
11-28
这个"html5文档整理"的压缩包包含了一份关于HTML5技术的详细资料，尤其关注了硬件访问、媒体处理、数据存储和交互等多个关键领域。下面将深入探讨这些知识点。 1. **硬件访问**： - **Accelerometer**：HTML5提供...
html基础整理
04-19
整理一些html常用的基础的标签作用与其网页的展示效果非常基础，简单易懂
html标签默认样式整理
09-28
本文主要整理了一些常见的HTML标签的默认样式，这对于理解CSS布局以及进行网页设计非常有帮助。 首先，很多标签默认是块级元素（display: block），例如html, address, blockquote, body, dd, div, dl, dt, ...
Laravel——Web开发实战之路（一）
weixin_38312031的博客
01-25 2616
Laravel——Web开发实战之路（一） @[Laraval|后端|框架] LaravelWeb开发实战之路一 前言 编辑器选择 命令行操作 win下Lavarel环境配置1 安装VirtualBox 安装Vagrant 安装Homestead 前言 此blog是我学习lavarel教程——Web开发实战的心得，包括碰到的坑和解决的办法 本来项目组larave
Laravel——Web开发实战之路（二）
weixin_38312031的博客
01-25 1250
Laravel——Web开发实战之路（二） @[Laraval|后端|框架] LaravelWeb开发实战之路二 win下环境配置2 Homesteadyaml文件配置 虚拟机设置 SSH密钥 共享文件夹配置 站点配置 数据库配置 运行Vagrant 第一个Lavarel程序 文件夹结构 第一行 Laravel 代码 win下环境配置（2） Homestead.y
Laravel——Web开发实战之路（五）
weixin_38312031的博客
01-27 1236
Laravel——Web开发实战之路（五） @[Laraval|后端|框架] LaravelWeb开发实战之路五 前言 用户注册页面 数据库迁移 默认迁移文件 查看数据库表 模型文件 命名空间 用户对象的创建 对象的查询 对象的更新 最后 前言 搞定了静态页面和页面的美化工作，接下来要做的就是对用户的处理了，包括登录，注册等等 用户注册页面 首先注册路
Laravel——Web开发实战之路（三）
weixin_38312031的博客
01-26 1087
Laravel——Web开发实战之路（三） @[Laraval|后端|框架] LaravelWeb开发实战之路三 前言 创建应用sample 第一步登录并且启动Homestead 第二步使用composor创建应用 第三步修改hosts文件 第四步增加站点 第五步设置env文件 使用git 创建最简单的静态页面 路由配置 静态页面控制器生成 添加方法 前言
Laravel——Web开发实战之路（四）
weixin_38312031的博客
01-26 898
Laravel——Web开发实战之路（四） @[Laraval|后端|框架] LaravelWeb开发实战之路四 前言 Blade模板 Artisan命令 页面优化 局部视图 头部文件 footer文件 引入局部视图 前言 之前在第三章还落下了blade模板和Artisan命令没讲 本次顺便连带页面的优化–前端设计一起，可以作为一个前端入门的人来说，这一章很简
Laravel——Web开发实战之路（九）
weixin_38312031的博客
01-28 563
Laravel——Web开发实战之路（九） @[Laraval|后端|框架] LaravelWeb开发实战之路九 前言 编辑表单 编辑失败 编辑成功 权限系统 检验登录 用户只能编辑自己的资料 前言 之前已经完成了用户的注册，登录，退出等功能，接下来要做的就是用户的操作了，类似于编辑资料等等 编辑表单 由于之前我们已经用resourse方法为用户添加了完整
Laravel——Web开发实战之路（六）
weixin_38312031的博客
01-27 562
Laravel——Web开发实战之路（六） @[Laraval|后端|框架] LaravelWeb开发实战之路六 前言 显示用户信息 资源路由 添加展示个人页面的show方法 建立用户界面 表单注册 构建注册页面 添加基本的样式 前言 接下来，我们就进入对用户的处理的，就是书上的第六章啦，这一章可以说是非常长了，打算写两次hhhh 显示用户信息 La
Laravel——Web开发实战之路（七）
weixin_38312031的博客
01-27 543
Laravel——Web开发实战之路（七） @[Laraval|后端|框架] LaravelWeb开发实战之路七 前言 用户数据验证 表单提交异常 注册失败提示 注册成功 一保存用户重定向到个人主页 二消息提示 最后 前言 之前已经写好的注册页面，添加了控制器，也加了样式，但是还是没法注册，那是因为每加store方法，这次我们来给前面的东西扫扫尾 用户数据
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值