【学习的网站是主要是W3school，还加上一些其他搜索学习到的内容，仅在博客做个人整理】

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

 

一、标签——尖括号围成的关键词，成对出现。

※使用时必须符合标签嵌套规则

1.

（1） <!DOCTYPE html>

（2）对于中文网页需要使用 <meta charset="utf-8"> 声明编码

2.链接标签

　　<a>：链接 【在href属性中指定链接的地址】

  • 　　target属性：target="_blank"时会在新窗口打开文档
  • 　　name属性：规定锚（anchor）的名称。使用命名锚（named anchors）时，可以直接跳至页面中的某个链接。

3.布局标签

<div>：组合其他HTML元素，常与CSS一同使用，可用于对大的内容块设置样式属性。

4.文本标签

  • <title>：文档标题
  • <h1> - <h6>：html标题
  • <body>：可见的页面内容
  • <p>：段落
  • <hr /> ：创建水平线
  • <br /> ：不产生新段落的情况下换行
  • <pre>：定义预格式化的文本
  • <abbr title="etcetera">etc.</abbr>：定义缩写或首字母缩略语。把鼠标移至缩略词语etc.上时，可展示完整版本"etcetera"。
  • <q>：定义短的引用。会为 <q> 元素包围引号

5.多媒体标签

  • <img>：图像 【图像的名称和尺寸是以属性的形式提供的】
  • <video>：

6.序列化标签

  • <ul>、<li>无序列表标签
  • <ol>、<li>有序列表标签

7.表格标签

<table> 定义 HTML 表格。 　　<tr> 　　<th> 　　<td>

8.表单标签

<from>

<input>

9.画布

<canvas>

 

二、元素——从开始标签到结束标签的所有代码。

  • 大多数HTML元素可拥有属性
  • 大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）

三、属性——属性提供了有关 HTML 元素的更多的信息

※属性总是以名称/值对的形式出现

※属性总是在 HTML 元素的开始标签中规定。

【HTML参考手册】http://www.w3school.com.cn/tags/index.asp

<style>属性

background-color：定义元素的背景颜色 font-family：元素中文本的字体系列 color：定义元素中文本的颜色 font-size：定义元素中文本的字体尺寸 text-align：规定了元素中文本的水平对齐方式：  

四、CSS样式

1.外部样式表——当样式需要被应用到很多页面时

定义外部CSS文件，在<head>标签中使用链接式：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2.内部样式表——单个文件需要特别样式时

在<head>标签中创建一个<style>标签，其中添加CSS代码：

<head>

<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

3.内联CSS

在相关标签中使用style属性：

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

 

会为 <q> 元素包围引号

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄