HTML基础介绍一

HTML

注释

#文档结构

<html>

　　<head></head>:都不是给用户看的主要是给浏览器看的一些配置信息

　　<body></body>：body书写的所有内容都是给用户看的

</html>

# head 内常用的标签

title 定义网页标题的信息

style 内部支持直接书写css代码

link 引入外部css文件

script 内部可以书写js代码并且也可以引入外部js文件

meta 定义网页源信息

　　keywords

　　description

# body 内基本标签

h1 - h6 标题标签

p段落标签

u i b s

# 特殊符号

空格 &nbsp；

大于 >

小于 &lt；

& &

符号© ®

¥ ¥

* 常用标签

div：网页初期划定区域范围
span：划定文本的

# a标签
链接标签
<a href='' target=''></a>
href
　　1.可以放一个url点击自动跳转
　　2.还可以放其他标签的id值锚点功能

target
　　控制是否在当前页跳转
　　_self　　当前页面跳转
　　_blank 打开新页面跳转

# img标签
图片标签
<img src='' alt='' title='' height='' width=''/>
src
　　1.可以放图片的路径本地或者线上
　　2.还可以放一个url 会自动朝该url提交get请求获取图片数据展示(暂时不考虑)

alt
　　图片加载不出来的时候展示的提示信息

title
　　鼠标悬浮在图片上之后展示的提醒信息

height、width
　　单独调整某一个另外一个会自动等比例缩放
　　如果两个都调整了可能会出现图片的失真

# 标签一般情况下都需要有两个重要的属性
id值
　　唯一标示同一个页面不能有重复
class值
　　类似于类的继承可以有多个

* 标签的分类

分类1:
　　双标签
　　　　<h1></h1>
　　单标签
　　　　<img/>

分类2:
　　块儿级标签:独占一行可以设置长宽
　　　　div p
　　　　注意：块儿级标签内部可以嵌套任意的行内标签和块儿级标签
　　　　　　但是p标签只能嵌套行内标签
　　行内标签:自身文本多大就占多大不能设置长宽
　　　　span a img

　　PS：上述的规定只是HTML书写规范如果你不遵循不会报错
　　浏览器会自动帮你解除嵌套关系

* 列表标签

ul
　　li
页面上只要是带有规则的排序文字一般用的都是无序列表

ol
　　li
有序列表

dl
　　　　dt
　　dd
　　标题列表

posted on 2022-08-11 22:28 涵莫泪阅读(19) 评论(0) 编辑收藏举报

HTML基础介绍一

搜索

常用链接

随笔分类

随笔档案

阅读排行榜