html入门

最新推荐文章于 2023-05-03 22:19:26 发布
最新推荐文章于 2023-05-03 22:19:26 发布
阅读量2.2k 收藏 8
点赞数 3
分类专栏： 网页学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iceSony/article/details/51569175
版权

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

例子

<html>

<body>

 

<h1>My First Heading</h1>

 

<p>My first paragraph.</p>

 

</body>

</html>

例子解释

<html> 与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落

常用的html属性：

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

 

<a href="http://www.w3school.com.cn">This is a link</a>

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

 

<img src="w3school.jpg" width="104" height="142" />

居中排列标题

 

 <h1 align="center">

背景颜色

<body bgcolor="yellow">

 

 标签在 HTML 页面中创建水平线 

 <hr />

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解

<!-- This is a comment -->



<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

 

 在新窗口打开网页

<body background="/i/eg_background.jpg">

设置背景图片

 

设置图片在文本中的位置

 

<img src="/i/eg_mouse.jpg" width="200" height="200">

通过改变 img 标签的 "height" 和 "width" 属性的值，您可以放大或缩小图像。

<img src="/i/eg_goleft.gif" alt="向左转" />

 

<p>如果无法显示图像，将显示 "alt" 属性中的文本：</p>





<h4>两行三列：</h4>

<table border="1">

<tr>

  <td>100</td>

  <td>200</td>

  <td>300</td>

</tr>

<tr>

  <td>400</td>

  <td>500</td>

  <td>600</td>

</tr>

</table>

创建一个表格 注：表格属性不加border则无边框

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td> </td>

<td>row 2, cell 2</td>

</tr>

</table>

在空单元格中添加一个空格占位符，就可以将边框显示出来。

<table border="1">

<caption>我的标题</caption>

<tr>

  <th>姓名</th>

  <td>Bill Gates</td>

</tr>

<tr>

  <th>电话</th>

  <td>555 77 854</td>

</tr>

<tr>

  <th>电话</th>

  <td>555 77 855</td>

</tr>

</table>

表格中的表头

<ol start="50" type="A">

  <li>咖啡</li>

  <li>牛奶</li>

  <li>茶</li>

</ol>

创建一个有序列表

<ul type="square">

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

创建一个无序列表

创建div元素

<form>

用户：

<input type="text" name="user">

<br />

密码：

<input type="password" name="password">

</form>

创建输入内容

<form><input type="radio" name="sex" value="male" /> Male

<br /><input type="radio" name="sex" value="female" /> Female

</form>

创建单选按钮

 

<form><input type="checkbox" name="bike" />

I have a bike

<br /><input type="checkbox" name="car" />

I have a car

</form>

创建复选框

 

 

<html>

 

<frameset cols="25%,50%,25%">

 

  <frame src="/example/html/frame_a.html">

  <frame src="/example/html/frame_b.html">

  <frame src="/example/html/frame_c.html">

 

</frameset>

 

</html>

使用三份不同的文档制作一个垂直框架。

（把cols改成rows则变成水平框架）

 

<iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe>

 

网页中显示的网页

 

html颜色知识：http://www.w3school.com.cn/html/html_colors.asp

 

 

唐三十胖子
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome 书签
weixin_30732487的博客
03-27 10万+
<!DOCTYPE NETSCAPE-Bookmark-file-1> <!-- This is an automatically generated file. It will be read and overwritten. DO NOT EDIT! --> <META HTTP-EQUIV="Content-Type" ...
HTML入门标签
10-11
比较详细的HTML标签，常用到的标签都包括在内了。新手可以看看
Python学习
唐三十胖子的博客
07-26 649
Python 字符串用unicode编码 一个字符对应若干个字节 相关函数(输出相关内容) 字符.encode('编码格式') len('字符') 字符.decode('编码格式') 当创建py程序时，代码中含有中文，开头常常添加 #!/usr/bin/env python3 # -*- coding: utf-8 -*- 改变notepad
【Android学习】第五章 · 网络编程
唐三十胖子的博客
10-07 2233
在老版本的android里，主线程可以不考虑用户体验，可以将耗时操作放在里面。而正确的做法是把耗时操作另外写入子线程里，这样程序就不会崩溃   通过Http的Get方式获取数据 （自定义子线程在主函数调用,注意要获取联网权限）   public class testThread extends Thread { public Bitmap bm; public void run()...
html中321变化,index.html
weixin_30990711的博客
07-01 242
换一换var page = 1;document.querySelector("#btn").addEventListener('click', function() {page++;document.querySelector("#list").innerHTML = ""loadXMLDoc();})function loadXMLDoc() {var xmlhttp;if(window.XM...
HTML入门（详细）
qq_63525426的博客
05-03 2万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML入门
小刘的博客
02-05 9056
目录一、HTML的概念1.1 HTML的常见概念1.2 HTML的常用标签1.3 HTML标签的组织形式二、网页的基本结构三、浏览器和网页的关系3.1 什么是浏览器内核3.2 浏览器内核的发展3.3 浏览器内核的重要性3.4 网络标准的制定4. 开发工具的选择4.1 文本编辑工具4.2 集成开发环境 一、HTML的概念 1.1 HTML的常见概念 1.2 HTML的常用标签 1.3 HTML标签的组织形式 二、网页的基本结构 三、浏览器和网页的关系 3.1 什么是浏览器内核 3.2 浏览器
Html入门练习
道亦无名
06-28 2万+
开始学些Html的时候主要进行一些简单的静态网页的处理： 1、HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。 2、HTML 段落 HTML 段落是通过 标签进行定义的。 3、HTML 链接 HTML 链接是通过 标签进行定义的。 4、HTML 图像 HTML 图像是通过 标签进行定义的。 5、HTML 元素 HTML 元素指的是从开始标签
菜鸟教程：零基础HTML入门
weixin_52163352的博客
11-08 2万+
HTML入门 文章目录一、HTML是什么？二、入门实例1.新建html文档2.html常用标签三、属性总结 一、HTML是什么？ HTML全称：Hyper Text Markup Language 中文名：超文本标记语言 HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。 二、入门实例 1.新建html文档 如图： 每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个h
HTML入门学习笔记+详细案例
Biteht的博客
04-22 1万+
✨HTML入门学习笔记+详细案例 作者介绍: 🎓作者:偷偷敲代码的青花瓷🐱‍🚀 👀作者的Gitee:代码仓库 ✨✨我和大家一样都是热爱编程✨,很高兴能在此和大家分享知识,希望在分享知识的同时,能和大家一起共同进步,取得好成绩🤳,今天和大家分享的章节是HTML基础,如果有错误❌,欢迎指正哟😋,咋们废话不多说,跟紧步伐,开始学习吧~😊 文章目录1.什么是HTML2.入门实例3.HTML标签详解3.1 标题标签3.2 段落标签3.3 换行标签3.4 格式化标签3.5 链接标签外部链接内部
学习html入门
12-24
学习HTML入门，首先要理解其基本结构和语法。 HTML由两大部分构成：头部（Head）和主体（Body）。头部不直接显示在页面上，但包含了许多对网页整体至关重要的元数据，如标题（Title）、字符编码（Character Set）、...
html入门学习.zip
01-01
html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习 html入门学习html...
HTML 入门资料Demo
01-23
HTML 入门手册(一)：https://shuaici.blog.csdn.net/article/details/135680716 HTML 入门手册(二)：https://shuaici.blog.csdn.net/article/details/135698613 HTML 英文全称 " HyperText Mark-up Language " , ...
HTML入门学习及笔记.zip
01-01
HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...
HTML入门学习的源代码.zip
01-01
HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源...
HTML入门教程
05-10
HTML入门教程
html入门学习01
05-26
html入门初始的一些概念和标签标注，p标签，a标签，b标签，i标签等。以及一些html的面试问题和标签的应用示范，
HTML入门总结思维图
最新发布
03-24
HTML入门总结思维图
HTML入门：控件标签详解
在HTML入门学习中，控件的标签符是理解网页结构和交互的基础元素。HTML（HyperText Markup Language）是一种超文本标记语言，它的核心作用是通过一系列标记符（tags）来指导浏览器理解和呈现网页内容。这些标记符...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值