html初步学习

最新推荐文章于 2023-05-03 16:36:54 发布
最新推荐文章于 2023-05-03 16:36:54 发布
阅读量374 收藏
点赞数
分类专栏： 杂七杂八
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yks0527/article/details/53523830
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test(test.com)</title>
<!-- 1<head> 元素包含了所有的头部标签元素。
在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: 
<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>. -->
</head>
<body>
<!-- 2h1、h6分别对应不同的级别 -->
<h1>第一个标题</h1>
<!-- 3段落分行 -->
<p>这个<br>段落<br>演示了分行的效果</p>
<p><a href="#C4">查看章节 4</a></p>
<!-- 4页面内跳转 后面的5也是各种a 链接 -->
<h2><a id="C4">章节 4</a></h2>
<a href="http://www.runoob.com">这是一个链接</a>
<!-- 5.1链接用a 并且可以通过<a 链接></a>将需要包含链接的东西连接一起 -->
<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
<!-- 5.2链接和文字结合 -->
<p>创建图片链接:<a href="http://www.runoob.com/html/html-tutorial.html"><img src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
<p>创建图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
<!-- 5.3图片链接 -->
<p>1</p>
<p>这是一个电子邮件链接：<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">发送邮件</a></p>
<!-- 5.4电子邮件链接 -->
<p>这边显示该章节的内容……</p>
<p><b>注意:</b> 单词直接空格使用 %20 代替，以确保浏览器可以正常显示文本。</p>
<h1 style="font-family:verdana;background-color:yellow;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;background-color:blue">一个段落。</p>
<h1 style="text-align:center;">居中对齐的标题</h1>
<!-- 6CSS的内联样式，实际中尽量避免使用-->
<img src="boat.gif" alt="Big Boat">
<!-- 7当图片加载失败时，将会显示alt对应的内容 -->
<h4>大写字母列表：</h4>
<ol type="A">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 
<iframe src="http://www.runoob.com/html/html-iframes.html/" width="200" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe> 
<!--8标签用于将页面分栏-->
<!--9JavaScript 使 HTML 页面具有更强的动态和交互性。JavaScript 最常用于图片操作、表单验证以及内容动态更新。-->
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="Hello JavaScript!";
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" οnclick="myFunction()">点击这里</button>
</body>
</html>

Skyego
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML初步学习，笔记记录
07-18
适合初学人群，自己HTML学习历程的笔记
HTML学习内容总结
qq_48681023的博客
07-10 2117
HTML学习总结
HTML学习(全内容)
m0_73715441的博客
05-03 298
html全内容学习
HTML学习总结
Charondown的博客
03-11 94
文章目录开发工具与浏览器的选用HTML的基本内容HTML的结构常见的文本格式语法常见的命令语法心得体会文本格式语法使用问题命令语法使用问题路径选取绝对路径：相对路径虚拟路径随想 开发工具与浏览器的选用 开发工具 浏览器 VS_Code Chrome HTML的基本内容 HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。 HTML的结构 <!DOCTYPE html>//
学习HTML的知识点总结
Zrf2191318455的博客
11-01 2621
学习html一段时间，在视频中结合自己设备和理解写出了关于html的一些知识点
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 21万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
初步学习html.zip
03-13
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...
初步学习HTML CSS JS 工程.zip
最新发布
03-13
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...
HTML基础知识总结
ss810540895的博客
05-05 7512
是告诉浏览器这是html文档的开始。Html文档的最后一个标签是之间的文本是头部信息，在之间的文本是文档标题，会显示在浏览器的窗口的标题栏。设置网页编码的语句为，是在
HTML基础学习（全）
qq_44732593的博客
07-11 1万+
HTML概述 HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 HTML骨架格式 日常生活的书信，我们要遵循共同的约定。 同理：HTML 有自己的语言语法骨架格式： <HTML> <head> <title></title> </head> <body> &
初学HTML详细全过程
m0_56364861的博客
04-21 3305
写的比较啰嗦，主要为了确保以后复习还能看懂。
【HTML】HTML学习笔记（全）
Bitdancing的专栏
12-09 1万+
前端HTML学习笔记大全
HTML学习内容的总结
天气
03-10 550
1.HTML的定义 HTML是超文本标记语言（HyperText Markup Language）的缩写。我们用 HTML 来构建 Web 页面。 2.HTML开发环境的配置 ①开发工具 VS Code ②推荐安装的插件 Auto Close Tag、Auto Rename Tag、Code Runner、IntelliSense for CSS、Material Icon、Open HTML in Browser、Path Intelligence等。 3.HTML文档结构分析 HTML 使用"标记"来注
HTML学习之路
S___Lei的博客
05-18 4081
1、HTML简介：HTML（HyperTextMarkup Language)即超文本标记语言，是网页内容的载体。CSS（Cascading Style Sheets)即层叠样式表，负责网页元素的样式与布局。HTML由标签组成，这种形式就是标签。HTML标签主要分两类，两边封闭的以及自封闭的。 （1）、两边封闭的标签如：、、、等，都是成对出现的，内容写在前后标签中间，并且形如，其中第一个标签是开
HTML学习内容
weixin_34166847的博客
10-21 157
先编写一个简单的HTML;<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><!--作者：offline时间：2018-10-21描述：body作用：body中的内容会显示的浏览器中--&gt...
Html学习
pluto
07-30 62
Html元素 <p> 段落 a href=“xxx.com” 链接 <img src="/images/logo.png" width="258" height="39" /> 图片 <html> 元素定义了整个 HTML 文档。 – HTML属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始...
HTML学习心得(1)
Heimdall_vata的博客
05-14 1万+
HTML学习心得（1） 认识HTML 在这我做一些简单的HTML的总结核一些常见的，简单的标签或属性编辑的例子。 什么是超文本语言 超文本语言，从字面来理解，它就是超级文本。它不像C，C++，java这一类编程语言，它没有过多的复杂的运行环境，抛弃了庞大的后台资源支持和有关于集成功能，UI美化，独特运行环境等一系列的会使语言本身变得庞大的因素。与其说它是一门语言，我觉得它倒更像一个...
HTML基础学习记录
qq_51724176的博客
01-24 214
HTML基础学习记录一、HTML的学习1.HTML是什么 一、HTML的学习 1.HTML是什么 HTML是HyperText Markup Language的简写，即超文本标记语言。（超文本: 普通文本只能显示文字,超文本除了显示基本文字之外还能显示图片,视频,音频,文件特殊效果等；标记是HTML的组成元素） HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 ...
一个后端人员的前端笔记之HTML
qq_34800986的博客
09-29 1124
HTML 简介 1:网页 1.1什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 1.2 什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用
html js学习路线
09-12
1. 初步了解 HTML：开始之前，了解基本的 HTML 结构和标签是很重要的。你可以通过阅读相关的教程或参考书籍来学习 HTML 的基础知识。 2. 熟悉 CSS：学习 CSS 是为了给 HTML 页面添加样式和布局。了解如何使用 CSS ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值