HTML基础知识
前言:超文本标记语言,标准通用标记语言下的一个应用。是 网页制作必备的编程语言 “超文本”就是指页面内可以包含、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
HTML基础知识:
1、Html :超文本标记语言
2、超文本:超出文本的范畴,使用HTML可以很好的处理
3、标记:HTML所有的操作都是通过标记来实现的,标记即标签
4、网络语言:浏览网页时的界面
HTML的规范:
1、一个HTML文件一个开始标签,一个结束标签<html></html>
2、html包含两部分内容:
<head></head>标题
<body></body>页面内容
3、HTML的标签有开始标签也有结束标签,标签成对存在
4、HTML语言不区分大小写
5、有些标签只有一个,eg:<br/>,<hr/>
一、基础知识
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签>
HTML 元素包含了开始标签与结束标签,元素的内容是开始标签与结束标签之间的内容,元素属性是 HTML 元素提供的附加信息。
基本HTML 网页结构如下:
二、头部
<head> 元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<title>元素定义文档的标题。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
<style> 标签用于HTML文档定义样式信息。在style中,可以规定在浏览器中如何呈现HTML文档。
定义和用法
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
三、主体
body 元素定义文档的主体。
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
最为常见的有:
1.<h1> 定义最大的标题。<h6> 定义最小的标题。标题(Heading)是通过 <h1> - <h6> 标签进行定义的.
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
2.<hr> 标签在 HTML 页面中创建水平线
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
3.<p> 标签定义段落。
如果在不产生一个新段落的情况下进行换行(新行),请使用 <br> 标签
<p>这个<br>段落<br>演示了分行的效果</p>
4.<a> 标签定义超链接,用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性,它指示链接的目标。
<a href="URL">链接</a>
5.<img> 元素向网页中嵌入一幅图像,<img> 标签有两个必需的属性:src 属性 和 alt 属性。src 指 "source"。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。
<img src="url" alt="" />
6、无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用 <ul> 标签
7.有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
列表项使用数字来标记。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
8、<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
9.<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单用于向服务器传输数据。
发表评论 取消回复