前端基础夯实--（HTML系列）HTML基础

最新推荐文章于 2021-08-05 08:30:00 发布

VIP文章 taopoppy

最新推荐文章于 2021-08-05 08:30:00 发布

阅读量652

点赞数 1

分类专栏：前端基础夯实文章标签： html基础前端入门 html系列

本文链接：https://blog.csdn.net/weixin_37968345/article/details/81636071

版权

1、html的特点

1、html不需要编译，直接可以又浏览器去运行。

2、html文件是一个文本文件

3、html文件必须使用html或者htm为文件后缀

4、html对大小写不敏感

2、HTML的基本结构

<html>
<head>
    <title>标题</title>
</head>
<bady>
    <p>hello world</p>
</body>
</html>

1、上面就是一个很基础的html的基本结构，head标签是显示头部信息，在网页中是不会显示出来的，body标签是用来显示网页主体内容。标签一般都是成对出现的，当然比如说<hr/>表示水平线，它是单个出现的。

2、对于每个标签呢，有很多属性，可以将这些属性设置在标签里面，比如说：背景颜色bgcolor，布局方式align等等，重要的不是你能记住多少属性，而是要理解，对于一个标签有哪些可以改变的东西。属性参考可以去查阅下面这个网址中的内容：点击即可进入。

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

<html>
<head>
	<title>标题</title>
</head>
<body bgcolor="red">
	<p>hello world</p>
	<hr align="center" color="black" size=30 width=500/><!-- hr是水平线-->
</body>
</html>

3、文档声明和meta标签

1、<！DOCTYPE>声明必须放在HTML文档的第一行，<! DOCTYPE>声明不是HTML标签。

2、当网页出现乱码时，我们是缺少对网页编码的设置。问题解决，在<head>和</head>里面添加一行编码设置的代码：

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

前面的http-equiv是说文档类型，后面的content是说内容是html的文件，编码形式是utf-8；其中utf-8和gb2312都是支持简体中文，具体什么编码形式要根据网站的建设要求来写。

4、文字和段落

1、首先<h1>-<h6>是标题标签，是段落标签，align对齐属性有left，right，center，justify（对行进行伸展，这样每行都有相等的长度），换行标签 。

2、我们需要在段落的前面输入空格，但是我们手动输入空格是不起作用的，使用   来代表空格，注意后面还有一个分号。

5、修饰标签和特殊符号

1、水平线的标签是<hr/>,那么这个标签的属性我们可以去前面说的网址去查找。

2、修饰标签：文字斜体：

加粗： <stong></stong>

下标：

上标：

下划线：<ins>

删除线：<del>

3、我们可以写一些完整的

最低0.47元/天解锁文章

taopoppy

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
前端基础夯实--（HTML系列）HTML基础

1、html的特点1、html不需要编译，直接可以又浏览器去运行。2、html文件是一个文本文件3、html文件必须使用html或者htm为文件后缀4、html对大小写不敏感2、HTML的基本结构&lt;html&gt;&lt;head&gt; &lt;title&gt;标题&lt;/title&gt;&lt;/head&gt;&lt;bady&gt; ...
复制链接

扫一扫