一小时内速学HTML

最新推荐文章于 2023-05-17 19:00:57 发布

buchiyexiao.

最新推荐文章于 2023-05-17 19:00:57 发布

阅读量328

点赞数 2

分类专栏： HTML 文章标签： HTMl

本文链接：https://blog.csdn.net/qq_43647462/article/details/90272292

版权

HTML 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

HTML 初步学习

HTML

HTML语法
HTML主要语法为俩种，分别为单标签语法和双标签语法：

<标签名 属性名="属性值" 属性名="属性值" 属性名="属性值".....></标签名>
<标签名 属性名="属性值" 属性名="属性值" 属性名="属性值".....>

标签

<html>
    <head>
        <title>这是一个HTML的学习小页面</title>
    </head>
    <body>假装这里面我写好了一个网页</body>
</html>

上面就是一个最简单的页面，HTML主要是掌握标签的应用，以下列举出一些常用的文本标签：

加粗：b（<b>内容</b>），strong（<strong>内容</strong>）
倾斜：i（<i>内容</i>），em（<em>内容</em>）
删除线：del（<del>内容</del>），s（<s>内容</s>）
下划线：u（<u>内容</u>），ins（<ins>内容<ins>）
变大：big：<big>内容</big>
变小：small：<small>内容</small>
字体：font（<font>内容</font>）属性 color颜色，size大小，face样式（诸如华文琥珀） 
注释标签：<!--注释-->

以下列举出一些简单的排版所用的标签

换行：<br />
横线：<hr /> 属性 width宽度，size粗细，color颜色，align对齐，noshade无阴影
段落：p：<p></p>属性：align：对齐left，center，right
Div和span：
    Div：<div></div>块标签
	Span：<span></span>行内标签
	注意：块可以设置宽高，行不可以设置宽高
标题标签 属性：align对齐
	<h1>内容1</h1>
	<h2>内容2</h2>
	<h3>内容3</h3>
	<h4>内容4</h4>
	<h5>内容5</h5>
	<h6>内容6</h6>

有序标签和无序标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML学习第一弹</title>
</head>
<body>
<ol>
	<li>南开大学</li>
		<ol>
			<li>网安学院</li>
				<ol>
					<li>a专业</li>
						<ol>
							<li>Stu a</li>
							<li>Stu b</li>
						</ol>
					<li>b专业</li>
				</ol>
			<li>除了网安的其它学院</li>
		</ol>
	<li>天津大学</li>
</ol>
</body>
</html>

在这里插入图片描述
有序标签主要是ol和li的灵活运用，无序标签也就是将上文代码的ol改写成ul，ul含有属性type disc实心圆，circle空心圆，square小方块（内容前面的小标记）

其他标签
- 音乐标签
  <EMBED scr="地址" width height></EMBED >
- 图片标签
  <img scr="地址" width height></img>
- video标签
  <video scr="地址" width height></video>
- 链接标签
  <a href="链接"></a>
  （备注：EMBED video标签的属性值还有很多其他的，类似autoplay，type等属性，一般默认情况即可，特殊情况需赋特殊属性值）
地址
地址可以采用相对地址和绝对地址，我一般习惯采用绝地地址即直接"文件的全部路径"，相对地址在小范围的调动内也是操作简单，通过./和…/进行"预文件操作"（简单理解，你现在就是这个页面的文件，你要去到目标文件，需要返回上级->返回上级->打开某个文件夹等等步骤）
写在最后的总结：HTML语法上手容易，就算是无编程基础的同学写几个简单的标签示例即可掌握，学习WEB的话不宜久滞于HTML

buchiyexiao.

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一小时内速学HTML

HTML 初步学习HTMLHTML语法HTML主要语法为俩种，分别为单标签语法和双标签语法：<标签名属性名="属性值" 属性名="属性值" 属性名="属性值".....></标签名><标签名属性名="属性值" 属性名="属性值" 属性名="属性值".....>标签<html> <head> ...
复制链接

扫一扫

专栏目录