天涯论坛

 找回密码
 立即注册
搜索
查看: 92|回复: 2

html入门笔记1

[复制链接]

2963

主题

144

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139411
发表于 2024-6-30 01:56:59 | 显示全部楼层 |阅读模式

HTML是谁发明的?

HTML,全叫作:HyperText Markup Language,中文意思是,超文本标记语言。由李爵士(蒂姆-伯纳斯-李)发明。仔细内容能够查阅维基百科。

HTML起手式怎么写?

Emmet 感叹号

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>

这些代码是什么意思呢?

<!DOCTYPE html>:文本类型。<html lang="zh-CN">:html标签,lang="zh-CN"意思是告诉浏览器,这是一个中文页面。<head></head>:规定文档关联的配置信息,包含标题、文档样式、脚本等等。<metacharset="UTF-8">:文件的字母编号。<metahttp-equiv="X-UA-Compatible"content="IE=edge">:为了告诉IE,运用最新内核。<meta name="viewport"content="width=device-width, initial-scale=1.0">:禁用缩放,为了兼容手机。<title>Document</title>:页面标题。

常用的表章节的标签有那些

header:顶部内容main:重点内容section:章节h1~h6:标题p:段落aside:旁支内容footer:尾部内容

怎样运用以上标签呢?

<body> <header>我是顶部内容</header> <main> <h1>HTML章节标签的应用</h1> <section> <h2>第1章:我是h2</h2> <p>这儿用了一个p标签表率一个段落,用于描述内容。</p> </section> <section> <h2>第二章:我是h2</h2> <section> <h3>第1节:我是h3</h3> <p>这儿再次运用p标签,描述内容。</p> </section> <aside>我是aside,写有些旁支内容</aside> </section> </main> <footer>&copy; 这儿用footer描述版权说明</footer> </body>

它们在页面上是怎么表示的呢?

全局属性由那些呢?

class:给你的标签分了一个类,多个类。contenteditable:让任何一个元素能够被编辑。hidden:让一个标签功能及内容隐匿。id:全页面独一性标记,然则它有非常多bug,不到万不得已,不意见运用。style:给标签添加样式。tabindex:响应键盘tab的次序。title:完整的表示内容的。

示例:

<head> <style> .middle{ bac公斤round: black; color: white; } .bordered{ border: 1px solid red; } </style> </head> <body> <div class="middle bordered" style="border:1px solid red" tabindex=1> <h1 tabindex=1 title="倘若内容很长,能够这儿输入完整内容。">效果展示</h1> <p tabindex=2 hidden> 加了hidden这句话就会隐匿 </p> </div> </body>

常用的内容标签有那些呢?

ol+li:有次序的列表ul+li:次序的列表dl+dt+dd:dl为描述列表,dt为被描述的对象,dd为描述内容pre:保存文本的空格、回车、tab等内容。hr:水平线分割br:换行a:可定义超链接em:语气的强调strong:本质的强调code:用于输入代码内容。quote:内联引用内容blockquote:块级的引用

示例:

<body> <ol> <li>有序列表1</li> <li>有序列表2</li> </ol> <ul> <li>序列表1</li> <li>序列表2</li> </ul> <dl> <dl> 描述对象 <dd>描述内容</dd> </dl> </dl> <pre> 这儿有 空格 能够回车 </pre> <hr /> <p>下面是一个a标签的超链接<br /><a href="http://baidu.com">百度一下</a></p> <quote>三上:马上、枕上、厕上</quote> <blockquote>换行引用</blockquote> <p> <em>前端</em>的学习很要紧必定持续的复习才可<strong>更好的面对工作</strong> </p> </body>

展示:

自此,便是所有内容了!明天继续加油鸭!





上一篇:两位数高增!Leader颁布中文名“你的”
下一篇:诺和新元将做为Novonesis企业的官方中文名叫作
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-9 02:46:51 | 显示全部楼层
外链发布论坛学习网络优化SEO。
回复

使用道具 举报

3121

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108634
发表于 2024-9-27 03:07:46 | 显示全部楼层
回顾历史,我们感慨万千;放眼未来,我们信心百倍。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 16:10 , Processed in 0.103145 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.