HTML基础

最新推荐文章于 2024-09-14 15:26:51 发布
最新推荐文章于 2024-09-14 15:26:51 发布
阅读量128 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38735615/article/details/73135565
版权 
<!--用与表达这个文件是一个HTML文件,不需要改动-->
<!DOCTYPE html>
<html lang="en">
<!--head头标签-->
<!--在这里面,可以对当前的这个HTML文件做一些配置-->
<head>
   <!--表示字符编码格式为UTF-8-->
    <meta charset="UTF-8">
    <!--网页名-->
    <!--title标签,表示HTML的标题-->
    <title>Hello HTML</title>
</head>
<body>

<!--<h1></h1> 是一个标签,也可以叫一个元素-->
<!--我是h1标题:是<h1>标签的值-->
<h1>我是h1标题 </h1>
<h2>我是h2标题 </h2>
<h3>我是h3标题 </h3>
<h4>我是h4标题 </h4>
<h5>我是h5标题 </h5>
<h6>我是h6标题 </h6>

<!--p标签,表示一个段落-->
<!--HTML文档中,不识别换行符,空格,制表符等符号-->
<br />
<!--<br/>表示换行-->
&nbsp;
<!--&nbsp;表示空格-->
<img src="add.jpg">
<!--img src="插入的图片"-->

<!--em是强调(斜体)-->
<em> 我是em标签的内容</em>
<!--strong是更加强调(加粗)-->
<strong>我是strong标签的内容</strong>
<!--q表示引用("")-->
<!--blockquote和q一样,比q表达的更长,没有长度限制-->

<!--ul表示无序的列表-->
<ul>
    <!--li标签表示行-->
    <li> 无序</li>
</ul>
<!--ol是有序的列表-->
<ol>
    <li>有序</li>
</ol>

<!--table为表格-->
<!--border为表框;dashed为表框样式-->
<table style="border: 2px dashed #f88;">
     <caption>我是这个表的标题</caption>
    <!--tr表示一行-->
   <tr>
       <!--th表示表头-->
       <th>姓名</th>
       <th>年龄</th>
       <th>性别</th>
   </tr>
    <!--tr表示一行,所以这就是第二行了-->
       <tr>
           <!--第二行也就表示数据了-->
           <!--使用td标签,表示每一个单元格-->
           <td>孙悟空</td>
           <td>700</td>
           <td>男</td>
       </tr>
 </table>

<!--a为超链接
href为要链接的地址
title为链接注释
target为使用新的窗口打开链接-->
<a href="http://www.baidu.com"
title="百度一下 啥都不知道"
target="_blank">百度</a>

<!--from就是表单-->
<!--method:get/post,是网络请求的两种方式-->
<form method="get"
      action="http://www.baidu.com">
 <!--子标签-->
    <!--label标签就是用来给用户一个提示-->
    <br>
    <label for="name"> 姓名: </label>
    <!--type属性表示,input这个标签,要以什么形式展示给用户-->
    <!--id属性标识一个标签
    就像身份证号标识一个人一样
    通过id属性的值,就可以找到对应的标签
    id属性在同一文件中不可重复-->
    <input id="name"  type="text">
    <br />
    <label for="password"> 密码:</label>
    <input id="password"  type="password">
    <br />
    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>

<!--大段的文本,可以使用textarea标签-->
<!--rows:几行-->
<!--cols:几列-->
<textarea rows="4" cols="5">
    各种文本内容
</textarea>

<!--radio是单选框-->
<!--让多个radio成为一组,这样点击一号按钮后再点击二号按钮
,一号按钮就会被重置为未选择状态-->
<!--也就是说一组中,只能由一个按钮被选择-->
<!--通过设置一样的name属性
可以将多个按钮设置为一组-->
<label for="1">男</label>
<input id="1" name="1" type="radio"value="男">
<input name="1" type="radio">
<input name="1" type="radio">
<input name="1" type="radio">
<input name="1" type="radio">
<!--多选框-->
<input type="checkbox">






</body>
</html>
长歌暖浮生
关注
HTML基础模板
qq_61690596的博客
07-18 2081
HTML基本模板，每个基础元素的内容和作用
全网最全HTML基础
a1085653724的博客
04-20 5135
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML基础之表单制作
热门推荐
TangJing_的博客
05-14 2万+
一、知识点 1、表单的作用： 信息的收集 数据的验证 在线考试 调查问卷 2、表单的构成 提示性文字：提示用户如何操作（一般由placeholder属性完成） 表单域：相当于一个容器，包含若干表单控件 表单控件：具体的功能项（按钮，下拉列表，输入框等） 3、表单域 <form action="远程服务器的URL(存放地址)" method="信息的提交方式" name="表单名"> 表单内容 </form> 4、表单控件 （1）input：输入框。都有val
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">
《Web程序设计基础R》实验报告---HTML基础
一只小鹿的博客
12-21 4778
一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单表单页面。 二、实验环境 计算机、Windows10 操作系统 三、实验内容、源码及运行结果 1．  实验内容 在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： 1. <html> 2. <head> 3. <title>Example</title&
HTML基础网页布局代码写法
m0_51826406的博客
03-07 8786
W3C标准 W3C World Wide Web Consortium 万维网联盟 中立性技术标准机构 W3C标准包括 结构化标准语言（HTML XML） 表现标准语言（CSS） 行为标准（DOM ECMAScript） 在idea创建一个工程 开始学习HTML基础 <!--注释 DOCTYPE：告诉浏览器我们使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head代表网页头部 --> <hea
前端用html写excel文件直接打开
全易
09-10 564
html文件直接用excel打开
水平垂直居中的几种方法（总结）
致未来的你。的博客
09-11 1097
水平垂直居中的几种方法（总结）
HTML + CSS - 网页布局之一般布局&浮动布局
qq_51222843的博客
09-11 1081
讲解CSS中的一般布局以及浮动布局
HTML中的文字与分区标记
qq_74861982的博客
09-11 429
HTML中的文字与分区标记
使用HTML
nice66660的博客
09-09 873
a>
《HTML 与 CSS—— 响应式设计》
asd4353012的博客
09-11 1486
HTML 和 CSS 在响应式设计中起着至关重要的作用。通过使用语义化标签、响应式图像、媒体查询、弹性布局和响应式网格系统等技术，可以实现网页在不同设备上的自适应显示，提供最佳的用户体验。在进行响应式设计时，要遵循移动优先设计、内容优先和测试优化等最佳实践，不断提高网页的质量和性能。随着移动设备的普及和技术的不断发展，响应式设计将变得越来越重要，开发者需要不断学习和掌握新的技术和方法，以满足用户的需求。
水平居中的几种方法（总结）
致未来的你。的博客
09-11 706
水平居中的几种方法（总结）
requests-html的详细使用方法
2301_79698214的博客
09-11 289
requests-html是一个Python库，用于发送HTTP请求并解析HTML。它基于 requests 和 pyquery 库，提供了一种更简单和更方便的方式来获取和处理网页内容。以上是requests-html的一些常用使用方法，可以根据实际需求灵活使用。
打造民国风格炫酷个人网页：用HTML和CSS3传递民国风韵
最新发布
m0_61118741的博客
09-14 1010
这个示例展示了如何结合民国风格和现代网页设计元素，创造一个既古典又炫酷的网页。通过细致的CSS样式和动画效果，我们实现了古典美学与现代技术的完美融合。这种设计不仅在视觉上吸引人，也在功能上提供了良好的用户体验。希望这个示例对你在网页设计方面有所启发！
HTML基础入门与开发环境选择
HTML基础知识详解 在IT开发领域中，HTML（HyperText Markup Language）扮演着核心角色，它是网页制作的基础。本文将深入探讨JavaWeb开发中的两种主要模式——C/S（客户端/服务器）和B/S（浏览器/服务器），以及HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值