HTML初识

100 阅读3分钟

HTML初识:

1. Web标准:
	   结构 html
	   表现 css
	   行为 js
2. HTML骨架:
	<html>
		<head>
			<title></title>
		</head>
		<body></body>
	</html>
                    
3. HTML标签的分类:双标签和单标签
        双标签:
                例子: <标签名> 内容 </标签名>
		前面的<标签名> 称为 开始标签
		后面的</标签名> 称为 结束标签 (结束标签一定要加 /)
	单标签:
		例子: <标签名>
                    
4. HTML标签的关系:
		父子(嵌套)关系
		兄弟(并列)关系
                    

HTML的标准结构:

<html>
        <head>
	<title></title>
        </head>
        <body>
        <body>
</html>
    

html标签网页的整个骨架标签 缺他不可 指定网页开始 和 结束 所有的 标签都需要在 html标签里面 head标签 网页的配置(设置)中心 属性、显示方式、显示大小、比例、标题 title标签 网页的标题 body标签 载网页的内容,所有的内容都需要在body标签里面

HTML基础标签 (一):

1. meta标签
    字符集
        用来设置网页字符的显示方式
        单标签
        charset 字符设置
        utf-8 全球语言
        gb2312 简单中文  包括6763个汉字
        BIG5   繁体中文 港澳台等用
        GBK包含全部中文字符
        是GB2312的扩展,加入对繁体字的支持,兼容GB2312
        UTF-8则包含全世界所有国家需要用到的字符

2. 标题标签
    制作网页标题、logo时候使用
    语法:
    h1 h2 h3 h4 h5 h6
    写法:
    <hn></hn>
    H1标签建议一个页面只出现一次
    后面数字越大 字体越小

3. 段落标签
    在网页中要把文字有条理地显示出来,
    离不开段落标签,就如同我们平常写文章一样,
    整个网页也可以分为若干个段落,而段落的标签就是
    语法: <p> 内容 </p>
    html规定 段落标签不能包含 标题标签

4. 水平线标签
    水平线标签 是单标签
    在html页面显示一个 100%长度的且水平的分割线
    语法: <hr />

5.  换行标签
    将内容 强制换行
    语法: <br />
    在html中 不能像word一样 自动换行 必须使用标签 手动换行

6. 布局标签
    div  span    是没有语义的     是我们网页布局主要的2个盒子
    div 就是  division  的缩写   分割, 分区的意思  其实有很多div 来组合网页。
    span, 跨度,跨距;范围
    语法:
        <div></div> <span></span>
        
 7. 样式标签:
        b(strong) 标签 可以使文字效果加粗
             使用方法: <b>内容</b>
             必须在b标签下
             效果标签不能包裹布局标签
        i 标签  斜体
             使用方法: <i>内容</i>
        u 标签  下划线
             使用方法: <u>内容</u>
        s(del) 标签  删除线
             使用方法: <del>内容</del>
        font 设置字体显示方式 (颜色,大小)
             使用方法: <font>内容</font>
             设置font的颜色
             在font标签中
             color=" 颜色 " 颜色可以为 英语单词 也可以为 16进制的色号
                white   #FFFFFF
                black   #000000
             size=" 字号 " 设置字体大小
                字号越大 字越大
                
 8. 特殊字符:
    某些特殊字符在html中无法使用 会被错误识别
    需要使用特别标识符代替
    空格   &nbsp;
    <      &lt;
    >      &gt;
    ©️     &copy;
    
 9. 注释语句
    将我们写的代码  不让程序去执行
    注释是给别人看的
    语法: <!-- 注释代码 -->