HTML基础入门知识

最新推荐文章于 2023-06-08 22:12:06 发布

有梦想的娃吖

最新推荐文章于 2023-06-08 22:12:06 发布

阅读量192

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/weixin_43235645/article/details/84639794

版权

HTML 入门笔记总结

HTML（hyper text markup language）超文本标记语言

HTML是一种标准的W3C（万维网联盟（World Wide Web Consortium，缩写W3C），又称W3C理事会。1994年10月在麻省理工学院计算机科学实验室成立。建立者是互联网的发明者蒂姆·伯纳斯-李。）

超文本：在文本内容的基础上添加更丰富的信息，比如：图片、动画、声音等。
标签：又称为标记，分为双标签与单标签，标签内为英语单词或字母。标签必须放在<>里。
标签的两层形式：

表型：每一个标签都有一定的表现形式
表意：每一个标签都有自己一定的意义

语言：可以直接的被浏览器解析。

HTML的基础框架

 < !DOCTYPE HTML>                      DOCTYPE ---文档类型声明 （声明此文档类型为HTML文档）
 <html>                               html---告诉浏览器，网页的代码用html格式来解析
 <head>                              头部信息（告诉浏览器网页使用的字符集等，gb123--简体中文  gnk--国标码  utf-8--多国语言）
    <title>网站的标题 </title>       title（给页面起个名称，便于搜索引擎搜索）       
 </head>                           头部结束标签（头部标签为双标签，必须写闭合标签）
 <body>                            主体标签（又称网站内容 绝大多内容都在body标签中用来在窗口显示）
 </body>                          主体闭合标签
 </html>                           /html文档结束

在这里插入图片描述

HTML的保存格式

html文件的拓展名为xx.html或xx.htm

HTML的书写规范

html不区分大小写，但是w3c使用的是小写,不推荐使用大写;
html中标签的嵌套应该规范标签嵌套顺序，不能交叉乱序；
html中单标签一定要使用</标签>闭合
属性：每个属性都是w3c规定好的。
属性值：属性值用双引号引起。例如：属性=“属性值”

Meat标签：

1.Meta标签用于定义文件信息，对网页文件进行说明便于搜索引擎查找

2.<meta name="keyword"content=“value”>多个关键字之间用“，”分隔

3.设置描述：<meta name="description"content=“value” />

4.设置作者：<meta name="author"content=“作者名” />

5.设置字符集：<metahttp-equiv="content-type"content=“text/html“charset=”utf-8” />

6.设置页面定时跳转：<meta http-equiv="refreh"content=“2;URL=http://www.baidu.com” />

Html文本标签

      1. Font 设置文本的颜色文本的字体文本的大小

           <font>设置的内容</font>

属性

              Color设置文本的颜色例如color=”red”  color=”#ff0000”
              Size  设置文本的大小例如 size=”2”是以号为单位
               Face  设置文本的字体例如 face=”黑体”
               <b></b>加粗
               <strong></strong>加粗加强语气
               <i></i>倾斜
  <em></em>倾斜加强语气
  <u></u>下划线
  <ins></ins>插入的是文本
 <sup></sup>上标
 <sub></sub>下标
 <del></del> 中划线的标签

字体修饰

      <font color="文本颜色" size="字号" face="字体">..文本..</font>
      注：网页中的文本字体、字号一般有CSS修饰，

字符格式

   加粗--<b>....</b>       倾斜-<i>....</i>     语气(加粗)--<strong>...</strong>
   加强语气(倾斜)--<em>....</em>    下划线--<u>...</u>   删除线--<s>...</s>    上标--<sup>...</sup>          下标--<sub>...</sub> 
   注：删除线就是在文字中间加一条横线

段落标记

 <p align="对齐方式">....</p>  ；align属性的属性值：left(左对齐（默认）)、right(右对齐)、center(居中)
  特殊字符：空格--&nbsp;   、版权号--&copy;  、注册商标--&reg;  、“--&quot;  、&--&amp;  、<--&lt;   、>--&gt;

段落标题

  <hxalign=”对齐方式”>..段落标题..</hx>         
  注：x的取值[1~6]，hx内的文本会自动加粗显示，hx的对象是段落，而font针对的是所有的文本。
 <br />换行 （换行不换段），即该行仍然受<p>的影响
  水平直线<hr />

基础总结请各位指点错误，不足的请各位大神指出！希望对跟我一样的新手有所帮助!

有梦想的娃吖

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML基础入门知识

HTML 入门笔记总结HTML（hyper text markup language）超文本标记语言HTML是一种标准的W3C（万维网联盟（World Wide Web Consortium，缩写W3C），又称W3C理事会。1994年10月在麻省理工学院计算机科学实验室成立。建立者是互联网的发明者蒂姆·伯纳斯-李。）超文本：在文本内容的基础上添加更丰富的信息，比如：图片、动画、声音等。标签...
复制链接

扫一扫