html简介

HTML操作思想
我们必须按照这个操作思想来编写操作html代码(****************)
网页html是用来显示数据的,既然是用来显示数据的,就需要设置相应的显示效果
设置显示效果:
1.将需要操作的数据使用html标签包裹起来
2.通过设置标签的属性来达到标签的样式(效果)该表
3.html标签理解为一个对象,那么标签的属性就是对象的成员变量,我们来改变成员变量的值来改变标签的效果
4.尽量满足语义化原则 有利于搜索引擎优化
span 和 font
也可以这么理解,一个标签就是一个容器,就是一个对象,标签包裹的就是数据,属性改变的就是样式,方法就是标签的行为

 

一.HTML语法
1.HTML由开始标签和结束标签组成
2.在HTML当中所有空白字符(换行 空格 制表符 tab)都是当做空格来处理
3.
<!DOCTYPE html>表示文档声明,声明当前html文档是满足HTML5规范的
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> 表示当前文档是html4规范的网页文档
4.网页文档主要由两个重要部分组成
<head></head> 表示文档头部标签,一般用来对网页进行相关设置
<body></body> 表示网页的内容,一般用来承载网页标签元素
5.标签即可以是开闭标签也可以有单标签

二、网页设置标签
<title>我是网页的标题</title>:表示设置网页的标题
<meta charset="UTF-8">: 表示当前网页编码是UTF-8的字符集
<script></script>: 表示当前网页页面脚本代码的区域
<style></style>: 表示当前网页样式代码的区域

三、HTML标签的基本的操作思想
1.首先网页的内容写在body标签当中
2.将需要操作的内容使用标签包裹起来
3.把标签理解为一个容器,我们可以通过标签的属性来修改标签的样式和行为
4.标签的选择尽量满足语义化原则,有利于搜索引擎优化

 

注:html标签或属性查询http://www.w3school.com.cn/
<font>(字体)标签:规定文本的字体、字体尺寸、字体颜色;

<strong>(强调)标签:和 <em> 标签一样,用于强调文本,但它强调的程度更强一些(如果说用 <em> 标签修饰的文本好像是在大声呼喊,那么用 <strong> 标签修饰的文本就无异于尖叫了。);
<b> 标签规定粗体文本,无语意;

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
<i> 标签显示斜体文本效果,无语意;

<del>标签定义文档中已被删除的文本;
<s> 标签可定义加删除线文本定义。

<u> 标签可定义下划线文本。

<sup> 标签可定义上标文本。

<sub> 标签可定义下标文本。

<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

<pre> 标签预定义标签,是一个常见应用就是用来表示计算机的源代码,pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<br> 可插入一个简单的换行符(单标签、自闭和标签)。

<hr> 标签在 HTML 页面中创建一条水平线(单标签、自闭和标签)。

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

<p>标签:标签定义段落,p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定;

<span> 标签:被用来组合文档中的行内元素;

<div>标签: 可定义文档中的分区或节(division(分隔)/section(部分)),可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联,如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效;

<style> 标签用于为 HTML 文档定义样式信息,在 style 中,您可以规定在浏览器中如何呈现 HTML 文档,type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css",style 元素位于 head 部分中;

 

 

class 属性:规定元素的类名(classname),class 属性大多数时候用于指向样式表中的类(class)。不过,也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。注释:class 属性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title。

display 属性
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。

 

posted @ 2019-04-25 17:04  翻滚中。。。  阅读(117)  评论(0编辑  收藏  举报