html篇

最新推荐文章于 2024-08-08 14:18:17 发布
最新推荐文章于 2024-08-08 14:18:17 发布
阅读量1.5k 收藏 27
点赞数 25
文章标签： html .net 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/herhos/article/details/139100229
版权

html基础

简单的HTML页面架构 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

meta标签

<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<link>标签定义文档与外部资源的关系。
<script>引入js文件
注释
<!–这是一段注释，注释不会在浏览器中显示。>
<p>这是一段普通的段落。<p>

标题标签

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
</br>换行标签
<hr>换行线标签

文本属性

<strong>加粗<strong>
<b></b>加粗
<i></i>斜体
<u></u>下划线
<sup></sup>上标
<sub></sub>下标
<del></del>删除线
<font></font>规定字体属性
size字体的大小
color字体颜色
<pre></pre>代码样式原样输出

form表单

from表单：规定当提交表单时向何处发送表单数据
method提交的方法有get、post
规定在发送表单数据之前如何对其进行编码。

enctype属性可能的值

application/x-www-form-urlencoded
multipart/form-data
text/plain

input标签
name：同样是表示的该文本输入框名称。
size：输入框的长度大小。
maxlength：输入框中允许输入字符的最大数
value：输入框中的默认值
readonly：表示该框中只能显示，不能添加修改。

input的类型
type=password 密码输入框
type=file 文件上传
type=hidden 隐藏域
button 按钮
checkbox 复选框
radio 单选框
type=submit 提交按钮
type=reset 重置按钮

a标签、img标签、table标签

a标签的作用：就是用于控制界面域页面之间的跳转
默认就是self
self：用于在当前选项卡中跳转，也就是不新建页面跳转

_blank:用于在新的选项卡中跳转，也就是新建页面跳转

<a href="http://www.baidu.com" target="self">百度</a>
<a href="http://www.baidu.com" target="_blank">百度</a>

_blank：在新窗口中打开被链接文档。
_self：默认在相同的框架中打开被链接文档。
_parent：在父框架集中打开被链接文档。
_top：在整个窗口中打开被链接文档。

锚文本

<a href=“#2”>锚点</a>
<a name=“2”>锚点</a>

img标签

img元素向网页中嵌入一副图像。
<img src="/i/eg tulip.jpgalt-“上海鲜花港-郁金香”>
alt：规定图像的替代文本。
arc：规定显示图像的url。
width：规定图片的高度。
height：规定图片的宽度。

tabl表格

<caption>我的标题</caption>
border：边框
width：宽度
height：高度
colspan：行
rowspan：竖
<th></th>
<tr>行</tr>
<td>表格</td>
cellpadding：单元边与内容的空白
cellspacing：单元格的空白

列表标签

<ul>
<li></li>
<li></li>
<li></li>
</ul>

无序列表

<ul>
<li></li>
<li></li>
<li></li>
</ul>

有序列表

数字列表 默认数字
小写字母列表
大写字母列表
罗马字母列表
小写罗马字母列表

框架的使用

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里
iframe 是在html页面内嵌入框架 框架内可以连接另一个页面

frameset 不能在body内使用
frame 一般都是在frameset中使用
cols 定义框架集中列的数目和尺寸
rows 定义框架集中行的数目和尺寸

scrolling 滚动条
auto 在需要的情况下出现滚动条（默认值）。
yes 始终显示滚动条（即使不需要）。
no 从不显示滚动条（即使需要）

herhos
关注
HTML基础
农夫果园好好喝的博客
04-18 355
1. 简单的HTML页面架构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> charset 编码 gbk gbk2312 utf-8 保存内容的快捷方式 crtl+s 2. HTML常见标签 2.1. meta标签
html使用
悲欢离合
04-25 783
1.html说明 1.1<!--注解 --> 注释:解释说明，对代码的说明；注释浏览器不解析 2html:超文本标签语言 浏览器解析； 弱语言：偶尔写错浏览也能解析；程序员编写的时候尽量规范； 3标签的作用：让html页面语义化 4标准的html格式 文档声明：<!doctype html> html标签：包括所有内容 head标签：文档头，包括一些关于页...
HTML入门学习
qq_46556545的博客
03-23 3984
基本标签 文档声明 <!DOCTYPE html> <!--文档声明，表示这是一个HTML页面--> HTML标签 <html> </html> <!--标签对，告诉浏览器这个页面的范围--> head标签 <head> </head> <!--标签对，是网页的头部，用于定义一些特殊的内容--> body标签 标题标签 段落标签 换行标签 水平线标签 字体样式标签 常见特殊符号
【1+X Web前端等级考证 】| 最新Web前端开发中级实操
热门推荐
go
11-23 4万+
# 前言 2020 12月 1+X Web 前端开发中级 模拟题大致就更这么多,我的重心不在这里,就不花太多时间在这里面了。但是，说说1+X Web前端开发等级考证这个证书,总有人跑到网上问：这个证书有没有用？ 这个证书含金量高不高？ # 关于考不考 因为这个是工信部从2019年才开始实施试点的，目前还在各大院校试点中，就目前情况来看，知名度并不是很高，有没有用现在无法一锤定音，看它以后办的怎么样把，软考以前也是慢慢地才知名起来。能考就考吧，据所知，大部分学校报考，基本不用交什么报考费(小部分学校，个别除.
Web开发之HTML篇.zip
08-22
在"Web开发之HTML篇.zip"中，我们可以预见到一系列关于前端Web开发HTML基础知识的教程或资料。 HTML文档通常由以下几部分组成： 1. **文档声明**：<!DOCTYPE html>，告诉浏览器文档使用的HTML版本。 2. **HTML根...
程序员热门面试题及解析HTML篇（2）
04-11
Elasticsearch、HTML、HTTP、JavaScript、JVM、Kafka、Linux、Memcached、 MongoDB、MyBatis、MySQL、Netty、Nginx、Oracle、Python、RabbitMQ、 React、Redis、Spring、SpringBoot、SpringCloud、SpringMVC、Vue、...
程序员热门面试题及详细解析HTML篇（4）
04-12
Elasticsearch、HTML、HTTP、JavaScript、JVM、Kafka、Linux、Memcached、 MongoDB、MyBatis、MySQL、Netty、Nginx、Oracle、Python、RabbitMQ、 React、Redis、Spring、SpringBoot、SpringCloud、SpringMVC、Vue、...
程序员热门面试题及详细解析HTML篇（3）
04-12
Elasticsearch、HTML、HTTP、JavaScript、JVM、Kafka、Linux、Memcached、 MongoDB、MyBatis、MySQL、Netty、Nginx、Oracle、Python、RabbitMQ、 React、Redis、Spring、SpringBoot、SpringCloud、SpringMVC、Vue、...
1.鲨鱼速成班之HTML篇.md
10-30
1.鲨鱼速成班之HTML篇.md
HTML5 入门：一个最简单的HTML页面（doctype、meta、Head、标签的使用)
weixin_34402408的博客
01-23 606
HTML5的&lt;!doctype&gt;声明怎么写 这是HTML 4.01的doctype： &lt;!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; XHTML 1.0的doctype。它的长度跟HTML 4.01的差不太多： &lt;!...
【前端】html 0基础练习题
weixin_52078305的博客
05-21 1519
1、问卷调查：下面是一个网页在浏览器上的效果，请制作一张一模一样的问卷调查网页。 要求： （1）大标题使用h3标签； （2）问卷调查题目使用h4标签 （3）前2个问题选项使用有序列表； （4）最后一个问题选项使用无序列表 添加链接描述 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>练习题</title> </head> <bod.
HTML&CSS基础2
weixin_47481936的博客
11-12 241
盒子阴影(重要) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; background-color: #bfa; margin: 100px auto; /*
html页面相关学习
youtufeitu的博客
05-07 415
一、参考 Text.html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <h1>Hello!</h1> </body> </html> 效果图 二、html页面跳转[链接式] （1）链接式
剖析HTML 元素——WEB开发系列02
一条晒干的咸鱼的博客
08-07 901
HTML元素是构成HTML文档结构的基本单位，定义了页面上的不同部分和内容。HTML元素可以包含不同类型的内容，如文本、图片、链接、表格等，每种元素都有其特定的用途和语义。通过组合和嵌套不同的HTML元素，可以创建复杂的网页结构和布局。一、HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容...
html--前端
m0_60274660的博客
08-07 311
只有body中的标签的内容才会输出到中断；如果要看script标签中的javascript代码的输出，需要按F12,点击Console查看。
how to set mpdf HTML contains invalid UTF-8 character(s)
Tinywan
08-07 248
PDF导出中文洗衣液厂家(品牌；海依恋+纤维大师�<br>�� Invalid input characters. Did you set $mpdf->in_charset properly? 解决方案 #Try this $html = mb_convert_encoding($html, 'UTF-8', 'UTF-8'); #before calling: ...
【Dash】HTML 组件创建直方图
最新发布
持续更新中...
08-08 1154
创建一个标题组件 html.H1，显示 Hello Dash，文本居中，并定义文本颜色。设置 app 布局，用 html.Div 组件包裹所有子组件，并设置背景颜色。创建一个 dcc.Graph 组件，用于显示之前创建的图表 fig。创建一个 html.Div 组件，文本居中，并定义文本颜色。children是一个列表，包含所有要显示的子组件。id 参数用于标识这个图表，以便在应用程序中引用。
探索Python的文本转换魔法：html2text库的奥秘
AIGC搞起
08-07 774
以下是html2text库中一些基本函数的使用示例，每个示例都附有代码和逐行说明。基本转换这段代码将一个简单的HTML文档转换为文本。忽略链接设置可以忽略HTML中的链接。自定义样式使用baseurl参数可以为相对URL添加基础URL。使用Unicode字符设置会使用Unicode字符代替某些HTML实体。处理表格参数可以设置表格的宽度。html2text是一个功能强大且易于使用的Python库，它能够帮助开发者在多种场景下将HTML内容转换为文本。
前端面试高频题：HTML篇详解及语义化与DOCTYPE的作用
在前端面试中，HTML作为基础技术的重要性不言而喻，面试官常常会针对一些高频问题进行考察。以下是一些关键知识点： 1. **src 和 href 的区别**： - `src` 是用来引用外部资源的关键属性，它通常用于 `<img>`、`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值