html的基本结构和常用标签即语法

一、HTML的基本结构
1、 为描述区
2、 为内容区
结构书写:
<!doctype html>

二、HTML的语法
1.双标记 语法为:<标签名> </标签名>(还可以给标签添加属性:
<标签名 属性名=“属性值”> </标签名>)
2、单标记 语法为:<标签名>(也可以给标签添加属性:
<标签名 属性名=“属性值”>)
三、HTML的常用标签
1、标题标签

特点:具有唯一性,在一个页面只能出现一次 一般放logo。






2、加粗标签

(一般都用此标签)
3、文本倾斜标签


4、下划线标签
(在文本下面添加下划线)
5、强制换行标签


6、水平线标签


7、上下标标签
上标
下标
8、段落标签


9、单个字符或者一小段文本标签

10、转义字符:
 空格
>开口向左尖角号
<开口向右尖角号
©版本符号
11、div标签
(相当于一个盒子或者容器,给网页划分区域或布局)
12、列表标签
1、



(为无序列表,列表前面默认为黑色实心圆点)
2、



(为有序列表,列表前面默认为数字从1往后依次排列)
3、

可以写个名词

对上面名词的解释

(为自定义列表,
里面一般放的是图片
里面放的是对图片的解释)
13、超链接标签

属性
1、href=“写要跳转的网址(网址前一定要加http://)”
比如:
2、target=“属性值”
target="_self"(这个是默认值:表示在当前页面打开)
target="_blank"(表示跳转的网页会新创建一个窗口打开)
3、title=“文本”(鼠标放在 上面 会提示title里面的内容
大部分标签都能支持title属性)
14、图片标签

标签里的属性:
1、src=“写图片的路径”("./"表示打开同级文件
"…/"表示返回上一级)
2、alt=“表示文本替换图片”(当图片加载不出来的时候,
alt里面的文本会替换图片显示,正常加载不显示;也有利于seo优化!
方便搜索引擎对图片进行检索。)
3、title=“写文本”(里面的文本表示图片的提示信息)
4、width=“数值” (表示图片的宽)
5、height=“数值” (表示图片的高)
6、border=“数值” (表示图片的边框)
15、表格标签




(表示行、表示列)
的属性:width=“数值”(表示表格的宽)
height=“数值”(表示表格的高)
border=“数值”(给表格添加边框)
bordercolor=“颜色”(表示边框的颜色)
发布了21 篇原创文章 · 获赞 0 · 访问量 209

猜你喜欢

转载自blog.csdn.net/weixin_46579411/article/details/104932000