,
1.表单元素 表单元素一定要提交在form标签里面 2.id和name 所有元素都有ID,但只有表单元素才有name ID不可以重复,name可以重复 name属性的目的时可以将数据提交到服务器 7.一个简单的from的示例 <html> <head> <title>表单</title> </head> <body> <form action="http://www.baidu.com/a.aspx "checkbox" name="hobby" value="1" />篮球 <input checked="checked" type="checkbox" name="hobby" value="<em>2</em>" "15">宜春</option> <option value="16">赣州</option> </optgroup> </select>
什么是HTML5? 答:HTML5基于HTML4而扩展,添加了2D绘图以及3D绘图的支持等等内容。 什么是HTML? 为什么使用HTML5? 答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。 HTML文件结构? 答:HTML文件由头部<head>和主体<body>两部分构成,下图较为形象的说明了HTML文件构成: 如下为一个简单的html文本: 1. <html> 2. </html> 保存上述代码到硬盘,重命名为demo.html,使用微软浏览器EDGE打开后,结果如下: 其实html文本就是一个xml文件,所有内容包含在标签<html>和</html>之间: 第2 title>,也就是网页的标题,标题内容使用<title>和</title>包围; 第6-9行为主体<body>部分,由标签<body>和标签</body>包围而成; 其中第7行为一个一级标题h1,同理h2、
---- 什么是HTML5? 答:HTML5基于HTML4而扩展,添加了2D绘图以及3D绘图的支持等等内容。 什么是HTML? 为什么使用HTML5? 答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。 HTML文件结构? 答:HTML文件由头部<head>和主体<body>两部分构成,下图较为形象的说明了HTML文件构成: ? 如下为一个简单的html文本: 1. <html> 2. 其实html文本就是一个xml文件,所有内容包含在标签<html>和</html>之间: 第2-5行为头<head>部,由标签<head>和</head>包围; 其中第3行给出了网页文本文件的编码为UTF title>,也就是网页的标题,标题内容使用<title>和</title>包围; 第6-9行为主体<body>部分,由标签<body>和标签</body>包围而成; 其中第7行为一个一级标题h1,同理h2、
2.HTML文本 本章主要学习以下六个方面的内容: 标题标签 段落标签 换行标签 文本标签 水平线标签 特殊符号 学完之后,最基本的任务是一定要把这个纯文本网页做出来。 二、标题标签 在一个 HTML 页面中,一般都包含着各种级别的标题。 1.标题标签的六个级别 在 HTML 中,共有六个级别的标题标签:h1、h2、h3、h4、h5、h6。
</body> </html> 段落标签换行.png (2)使用br标签换行 br标签换行.png <! 中极其重要的概念,同时也是 CSS 的重要基础。 </body> </html> 网页中的空格.png 2.网页中的特殊符号 (1)以&开头;结尾 在 HTML 中,若想要显示一个特殊符号,同样需要通过输入代码来实现。2. 一个标题独占一行。 段落标签: 在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。 在 HTML 标签中,
标签用于定义段落,它可以将整个网页分为若干个段落。 2. 段落和段落之间保有空隙。
换行标签:
在 HTML 中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。 图片标签
在 HTML 标签中, 标签用于定义 HTML 页面中的图像,注意它是一个单标签。 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href=“index.html” target=“_blank”> 内部链接 。 ,如:
单选框示例2.png checked="checked"这个语句可以简写为checked,这也是HTML5新规,以后都要写简写形式。 普通按钮示例1-1.png 2.submit-提交按钮 在HTML中,submit-提交按钮一般用来给服务器提交数据,它其实可以看成特殊的普通按钮。 (2)语法格式 <select> <option>选项内容</option> ... </select> 2.select标签属性 在HTML中,select标签常用属性有 2 个。 下拉列表的 multiple属性没有属性值,这是HTML5的最新写法,这个与单选框中的 checked属性是一样的。 ② 例2-size属性 <! 3.option标签属性 在HTML中,option标签常用属性有 2 个。
注:学习笔记基于小甲鱼学习视频,官方论坛: https://fishc.com.cn/forum.php 官方资料 鱼C课程案例库:https://ilovefishc.com/html5/ html5速查手册:https://man.ilovefishc.com/html5/ css速查手册:https://man.ilovefishc.com/css3/ 学习正文 img标签:https ://man.ilovefishc.com/pageHTML5/img.html a标签:https://man.ilovefishc.com/pageHTML5/a.html <! DOCTYPE html> <html> <head> <title>第二个程序</title> </head> <body>
2. 内联元素:和块状元素相反,它不是独占一行,可以和其他元素放在一行;但是不能改变它的高度和宽度。如:标签等。 3. HTML在web前端中作为骨架的作用;UTF-8声明浏览器编码,是为防止乱码。基本格式:
HTML 不是一种编程语言,而是一种标记语言 (markup language) HTML 使用标记标签来描述网页 ? ? html结构 ? <! DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 标签的语法: <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名> <标签名 属性1=“属性值1” 属性2=“属性值2”…… /> 常用标签 <!DOCTYPE>标签 <! ://、ftp://等 第2部分:为站点地址:可以是域名或IP地址 第3部分:为页面在站点中的目录:stu 第4部分:为页面名称,例如 index.html 各部分之间用“/”符号隔开。 2 <label> 标签的 for 属性值应当与相关元素的 id 属性值相同。
网页三大元素 HTML:网页的基本结构 CSS:网页的展示效果 JS:网页的功能与行为 HTML 简介 HTML(HyperText MarkupLanguage 超文本标记语言),用于构建网页 超文本 HTML语言第一版诞生 在经历过几个草案之后HTML 2.0于1995年发布,包括了基于表单的文件上传、表格、国际化等功能 1994年W3C成立,随后接管了HTML的标准化工作,并在1997年发布了HTML 3.2 随后发布的HTML4.0 中采用许多特定浏览器的元素类型和属性 2014年 HTML5 作为W3C推荐标准发布 HTML 结构 HTML 文档包含多个 HTML 元素,元素具备不同的特性 HTML DOCTYPE html> :放在HTML文档最前面的位置,加上之后就会按照W3C的HTML .5标准来解析渲染页面 <html>: 根元素,包含整个页面的内容 <head> :对用户不可见,其中包含例如面向搜索引擎的关键字 "> 关键字 <meta name="description" content="<em>HTML</em><em>基础</em>"> ⻚面描述 <meta name="viewport"content="width=device-width
HTML简介 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 (兼容性问题) 网页文件的扩展名:.html或.htm HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 DOCTYPE html>声明为HTML5文档。 <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。 HTML标签格式 HTML标签是由尖括号包围的关键字,如<html>,
在 HTML 中,用于描述功能的符号称之为 "标记",标记在书写时,必须用尖括号括起来(< >) (1). 封闭类型标记 ①. 封闭类型标记必须成对出现 ②. doctype html> 文档类型声明 ,指定当前 html 文档用的是哪个版本,位于文档中的第一句话位置处 7. <html></html> 网页要表示的信息的开始与结束 (1). lang 地区语言 ①. zh-cn 内地 ②. en-uk 英文 ③. zh-tw 台湾 ④. zh-hk 香港 ⑤. fr-fr URL:Uniform Resource Locator 即统一资源定位符/定位器,俗称路径,用来描述资源文件位置的信息,比如 a.html 中想使用 b.jpg ,a.html 就是当前文件,b.jpg 锚点(Anchor),在 html 文档的某行位置处做一个记号,允许通过超链接跳转到该记号位置处 (1). 定义锚点(做记号) ①.
阶段目标:掌握HTML、CSS常用布局技巧,能够独立制作网页。 HTML 基础 目标:掌握标签基本语法,能够独立布局文章页。 01-今日课程介绍 今日目标:掌握标签基本语法,能够独立布局文章页。 <title>网页标题</title> </head> <body> 网页主体 </body> </html> 提示 VS Code 可以快速生成骨架:在 HTML 文件(.html
尤雨溪毕业于上海复旦附中,在美国完成大学学业,本科毕业于Colgate University
其作者为尤雨溪
<h2>主要功能</h2>Vue.js是一套构建用户界面的渐进式框架
HTML基础 ---- HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、javascript三者的关系 HTML是网页内容的载体。 为 html 文档加上使用的语言类型说明 在很多国际化的网站中会使用到! <html lang="zh-CN"> </html> 告诉浏览器等设备,语言使用以中文为显示和阅读基础! 而且在手持设备或移动设备不能很好支持css的基础上,浏览器会使用默认的效果,因而提供较好可读性。 举例:
HTML 简介 HTML 实例 <! DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 ---- 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 基础 HTML 小复习(主要是自己不常用的知识点,语义化标签) 网页三大元素: HTML:网页的基本结构 CSS:网页的展示效果 JS:网页的功能与行为 HTML 简介 HTML(HyperText DOCTYPE html>:HTML文档最前面的位置,加上后会按W3C的HTML5标准来解析渲染页面 2. <html>:根元素,包含整个页面的内容 3. HTML 页面结构 1. <meta charset="UTF-8">:定义文档字符编码 2. <meta name="description" content = "<em>HTML</em><em>基础</em>">:页面描述 4. source media="(min-width: 650px)" srcset="demo1.jpg"> <source media="(min-width: 465px)" srcset="demo<em>2</em>.
一、什么是HTML?HTML是超文本标记语言,超文本标记语言包括文字、图片、音频、视频、动画等。 二、HTML的发展史三、HTML5的优势世界知名浏览器厂商对HTML5的支持、微软、Google、苹果、市场的需求等四、HTML基本结构<html> <! --主体部分--> <body> 我的第一个网页 </body></html>五、DOCTYPE声明<!DOCTYPE html><! <h2>二级标题</h2>
有勇气就会有奇迹
十、换行标签有勇气 target="目标窗口位置">链接文本或图像十六、锚链接从A页面的甲位置跳转到本页中的乙位置从A页面的甲位置跳转到B页面中的乙位置1、创建跳转标记乙位置2、
HTML 基础 本章展示最常用的 HTML 标签。 标题 标题很重要 请确保标题标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
----
标题标签
单词缩写:head 头部、标题
为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即:
h1 h2 h3 h4 h5 h6
标题标签语义:作为标题使用
----
手册文档
字符实体 HTML ISO-8859-1
----
HTML进阶
meta
<meta http-equiv="Content-Security-Policy -- 浏览器加载资源顺序如下 -->
<link rel="prefetch" as="video" href="4.<em>html</em>">
<link rel="stylesheet" href="<em>2</em>.css" >
<script src="3.<em>html</em>"></script>
<link rel="prefetch" href="5.<em>html</em>">
<link rel="preload" as="style" href <html lang="zh-CN" manifest="/manifest/main.appcache">
HTML5中audio与video:
音频
HTML5 中提供的音频 API 标签为 <audio
超文本标记语言 (HTML, HyperText Markup Language) ,是构成网页的最基础的内容,用来创建并以可视化方式来呈现网页,它确定了一个网页的内容而不是功能HTML 给英文文本加上了标记 >,<title>,<body>, , 等等,这些元素形成了构建网页的基础HTML 的基本结构<! 并展示内容,文件后缀名为 .htmlCSS层叠样式表,表现网页的形式,外观,布局,文件后缀名为 .cssJavaScript脚本语言,给网页增加动态功能,用户交互,做动画,提高用户体验,文件后缀名为 .js基础元素 ,应当每个 section 都使用一个 <h2>, 详情请参考 "Defining sections" in Using HTML sections and outlines
这是标题 1
<h2>这是标题 2</h2>这是标题 3
这是标题 4
这是标题 5
这是标题 6
ul 无序列表ul 元素,代表多项的无序列表,内容相同或相似重复性高的使用列表