HTML学习笔记1

最新推荐文章于 2024-08-13 10:10:57 发布

lanfordxb

最新推荐文章于 2024-08-13 10:10:57 发布

阅读量152

点赞数

分类专栏： HTML 文章标签： web前端

本文链接：https://blog.csdn.net/penntime/article/details/80185982

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML

一、HTML是什么

超文本标记语言 HyperText Markup Language

XHTML XML html5

二、浏览器访问网页的方式

是我们访问一个服务器服务器返回给我们 .html文件由浏览器直接解释成好看的页面

三、c/s模式和b/s模式

1、cs client server 客户端浏览器模式

qq微信 酷狗 LOL

必须下载客户端  更新占用本地内存 维护成本高

2、bs browser server 浏览器服务器模式

京东 淘宝

不需要更新 对服务器压力比较大  维护成本低

四、网页的组成

1、html

2、css

3、js

五、基本使用

1、开启后缀名：

计算机->组织->文件夹搜索选项->查看->隐藏已知文件类型的扩展名 吧√去掉 不要他 因为他烦人

2、标签：

就是以<> 包裹的一组特定字符串

双边标签        <标签名></标签名>

单边标签        <标签名 />

3、属性：修饰标签

属性名="属性值" 属性名="属性值"

4、元素：一个完整的标签就是元素

<标签名 属性名='属性值' >这里是内容</标签名>

5、标签的特性：

容错性强

成对出现

已预定义

全部小写

6、注释：

六、全局架构标签

<html>
    <head>
    </head>
    <body>
    </body>
</html>
html 规定了html文档的内容
head 头部
body 主体

七、body标签的属性

属性解释
text 文本颜色
bgcolor 背景颜色
leftmargin 左边距默认8px
topmargin 上边距默认8px
link a标签未访问时的字体颜色
alink a标签按下时体颜色
vlink a标签访问过后的字体颜色

八、每个标签都有的属性

1、id

id一般都是唯一的一般用于js

2、class

类经常用于css

3、style

样式用于css 写样式

4、name

起名字

九、文本标签

1、加粗

2、字体

3、斜体

4、下划线

5、删除线

6、上标

7、下标

十、排版标签

1、换行

2、不换行

3、段落

4、标题

….

5、格式化

十一、字符实体

详见 http://www.w3school.com.cn

十二、h5声明

十三、列表标签

1、有序列表

属性： type    1（默认） a A i I 

    start   从第几位开始

    reversed    倒叙显示

2、无序列表

属性： type

    disc            默认的  点

    circle      空心圆

    square      矩形

3、自定以列表

自定义标题 <dt></dt>

自定义内容<dd></dd>

十四、URL （重点）

Uniform Resource Locator 统一资源定位符

https://www.baidu.com:443/index.html?name=xiaohua&sex=nv&age=18

https://www.baidu.com:443/index.html?name=xiaohua&sex=nv&age=18
1、协议名
    https   http    ftp 文件传输协议  smtp 邮件传输协议 
2、主机名
    www.baidu.com   127.0.0.1 localhost www.sina.com.cn
3、端口
    https 443  http 80   端口取值范围0-65535  基本上都被用了
4、文件名
    index.html
5、参数
    ?name=xiaohua&sex=nv&age=18

十五、a标签

href            连接地址

target      打开方式

    _blank    在新的标签页中打开

    _self   在本页打开

锚点  跳转到某个位置

    <a href='1.html#aaa'></a>           跳转到1.html中的name为aaa的a标签的位置

    <a name='aaa'></a>

发邮件 打电话

<a href='mailto:qwe@163.com'></a>       给老刘发邮件
<a href='tel:13333333333'></a>          给老刘打电话