html入门

一、浏览器内核

IE:Trident
firefox:Gecko
safari:webkit
chrome:Blink
Opera:blink
移动端android:大部分webkit

二、web标准

1.结构

结构用于网页元素(图片、文字、超链接)进行整理和分类,例如html。

2.表现

表现用于设置网页元素的板式,颜色,大小等外观样式,主要是css

3.行为

行为是指网页模型的定义及交互的编写,主要是javascript

三、HTML简介

超文本标记语言
详细了解搜索百度

四、html骨架

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

五、html元素标签分类

1.常规元素(双标签)
2.空元素(单标签)

六、html 标签关系

1.嵌套关系

<head>
    <title>
    </title>
</head>

2.并列关系

<head>
</head>
<body>
</body>

七、前端代码开发工具

sublime

八、html模板

<!DOCTYPE html> 

文档类型,必须第一行:这个标识的是html5的版本,页面按照html5的规范解析页面
<html lang="en"> 指定html语言种类, zh-CN是中文,这个对程序无影响,但是可以告诉浏览器这是什么语言。
<meta charset ="utf-8"> 指定存储的字符集 ,没有这句话会按照电脑默认编码解析

九、标签的语义化

根据标签的语义,在合适的地方给一个最为合适的标签,让结构更加清晰。

对比

语义是否良好,去掉css后,网页结构依然组织有序,并且有良好的可读性。

十、HTML常见标签

1、排版标签

1、标题标签

h1~h6

2、段落标签

p

3、水平线标签

hr

4、换行标签

br

5、div 和span

没有语义,网页布局主要的盒子。
div一行只有一个
span一行可以有多个

2.文本格式化标签

b 加粗
strong 加粗<推荐使用,有语义强调作用>

i 倾斜
em 倾斜<推荐使用,有语义强调作用>

s 删除
del 删除<推荐使用,有语义强调>

u 下划线
ins 下划线<推荐使用,有语义强调>

1.3 标签属性
<标签名 属性1=“属性值1”>内容</标签名>

1.4 img标签

<img src = "图像URL"    />

alt 图片错误时的替换文本
title 鼠标悬停的提示文本
width 宽度(宽高最好不要一起改,只改一个,图片等比例缩放)
height 高度
border 边框

1.5 链接标签

<a href="跳转的URL"   target="窗口的弹出方式">文字或者图像</a>

href="#" 表示暂时为空链接
链接分为:外部链接、内部链接、空链接、图像链接

target 默认self 当前页面打开,_blank新窗口打开。

1.6注释标签

<!--   -->

十一 、 路径
路径:相对路径和绝对路径
上一级路径 …/
下一级路径 /
当前路径 ./或者不写
绝对路径 从盘符开始/网络地址
盘符是\反斜杠,相对路径是/

十二、拓展
1.锚点定位

<a href="">链接文本</a>

2.base 可以设置整体链接打开状态,写在head之间

<base target="_black">

3.pre 预格式化文本标签(里面写啥,页面显示啥)

<pre>
</pre>

4.特殊字符

空格        &nbsp;
<            &lt;
>            &gt;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值