初识Html以及简单的标签
1.什么是浏览器
浏览器是显示一个网页的
一个网页由什么组成：html css javascript
谷歌浏览器，火狐浏览器
ie uc 360 猎豹 百度 欧朋 2345 safari
【ps】谷歌浏览器，或者火狐浏览器。可以用作代码的调试哦
把一个网页比作一个美女。
html是没有化妆，是一个素颜的女的而且不会动。
css 就是给这个素颜女的化妆。让她变得好看点。
javascript 就是让这个女的动起来！！！动态的效果。
最后共同组成咱们大家见到的网页，可以看到十分好看的
2.什么是html
超文本标记语言（Hyper Text Markup Language）
不但可以放文字，还可以放图片，音频，视频等，超文本，超过文本的范畴。
一个网站里面，不但可以有文字，还可以有图片，音频，视频等
html 所见即所得，非常简单
3.两种模式【重点】
B/S:（Browser/Server）
浏览器/服务器模式
只需要一个浏览器，并且知道这个网站的网址。通过网址可以访问网站，比如网页版的QQ,网页版的微信，网页版的淘宝，网页版的京东
C/S:(Client/Server)
客户端/服务器模式
就是咱们安装的软件，电脑上面安装一个360，QQ,或者手机上面安装了微信
安装淘宝 安装京东这些软件 都被称为了 客户端服务器模式
大家可以想一个问题：
针对客户而言：B/S模式好，还是C/S模式好？C/S好
针对程序要而言：B/S 好。
因为如果是C/S的话，要考虑平台，比如我是windows,ios, andriod,平板和手机又不一样
所以在开发的时候，开发很多版本的应用软件。
但是如果B/S模式，只需要开发一版就可以了。在开发的时候可以屏幕自适应
4.html基本组成单位是什么?
一个网页是由html, css, javascript组成的
html最基本的组成单位是标签。
标签：是组成html的最小的基本单位。
标签的语法格式：
双边标签：<标签名 属性1=“属性值1” 属性2=“属性值2”>
单标标签：<标签名字 属性1=“属性值1” 属性2=“属性值2”/>
开发工具的话推荐大家使用HBuilder
https://www.w3school.com.cn/html/html_lists.asp
学习html的官方手册
这个是另外一个简单的标签
下面开始系统的学习各种标签，咱们刚才说了，一个标签就是一个功能
4.1结构标签
结构标签是组成网页最基本的固定的格式
【注意】：以后在写网页的时候，都要写结构标签
百度一下,你就知道了 所见即所得
4.2排版标签
1.换行标签 br 单边标签
2.分割线标签 hr 单边标签
3.段落标签 p 双边标签
排版标签 后宫佳丽三千人
从此君王不早朝
“少年强则国强,少年独立则国独立……”南昌市二十八中青云校区的学生在梅汝璈故居激情诵读《少年中国说》,学校开展以爱国教育为主题的新时代文明实践活动郑
“少年强则国强,少年独立则国独立……”南昌市二十八中青云校区的学生在梅汝璈故居激情诵读《少年中国说》,学校开展以爱国教育为主题的新时代文明实践活动郑
“少年强则国强,少年独立则国独立……”南昌市二十八中青云校区的学生在梅汝璈故居激情诵读《少年中国说》,学校开展以爱国教育为主题的新时代文明实践活动郑
4.3文本标签
标题标签：h1-h6 双边标签
文本标签 ：font 双边标签
文本标签 烤肾脏
卤猪蹄
小野鸡炖野蘑菇，吃完以后躺板板
烤山鸡
烤骆驼
烤全羊
和就撒建
西出阳关无故人西出阳关无故人今天中午吃肉肉
蹦起来凿死你
4.3列表标签
1.无序列表
ul和li标签同时使用其中li标签是ul标签的子标签
2.有序列表
ol和li标签同时使用其中li标签是ol标签的子标签
3.自定义列表【几乎不用】
dl标签和dd同时使用，dd是dl的子标签
dt也是dl的子标签 不过dt是标题 dd才是内容
- 奶茶
- 焦糖玛奇朵
- 教堂珍珠
- 奶茶三兄弟
- 咖啡
- 丝滑拿铁
- 北美咖啡
- 冰淇淋
- 奥利奥口味
- 草莓口味
- 芒果口味
我是自定义列表 呵呵哒
4.4块标签和行标签【重要】
被称为无意义的标签，但是很有用！！！
因为以后学完css和js以后咱们可以结合css和js一起使用
div 双边标签，单独成一块
span 双边标签 单独成一行
footer
header
我是块标签1我是块标签2我是块标签3我是行标签1我是行标签2我是行标签3
4.5图片标签
在一个网站里面可放图片的，你们知道的好的图片网站有哪些，能不能给我推荐一下
img 单边标签 在网页中显示图片的
有一些属性：
src:属性值是放的图片的地址（可以是相对地址，绝对地址，网络地址都可以的！）
src属性特别重要，牵涉到图片的资源
width:设置图片的宽度 单位是像素 px
height:设置图片的高度 单位是像素 px
宽和高只设置一个的时候，会等比缩放比如原图是宽1000px 高400px
只设置一个宽200px，那么他的高会自动变为 80px
alt:图片的文本描述，当图片加载失败的时候显示该信息，如果图片加载成功就不显示此信息
title：当鼠标移动到这个图片上面的时候。鼠标会显示该信息
图片 
4.6超链接标签
链接标签，可以点击的，点击以后可以跳转到另外一个页面的
双边标签 a标签
属性：
href:对应a标签的地址，可以本地地址，也可以是网络地址
target:打开目标网页的方式
属性值：_self 本窗体打开（默认的） _blank 新开一个窗体打开
超链接标签 跳转到百度页面
4.7基于超链接锚点功能的实现【以后会用！！！】
使用a 标签很快定位到咱们一个页面的某一个位置！！！
给一个a标签命名
在需要使用锚点的地方再写一下a标签，href=#锚点名字
4.8表格标签
table 双边标签
嵌套一些标签
tr标签 双边标签 控制行，他是table的子标签
td标签 双边标签 控制列的，他是tr的子标签 caption :表头标签，是table的子标签
th标签：和td非常相似，是tr子标签，但是比td标签的颜色深一点，字体粗一点
表格 ID 姓名 年龄 1 张三 21 2 撒旦是 2500 3 瓦格博 270
4.9文本话格式标签
b 加粗标签
big 定义大号字体的标签
em 斜体字体
i 斜体字体
small 小号字体
strong 加粗字体 sup 定义上标
sub 定义下标
ins 定义插入字体
del 定义删除字体
4.10字符实体
特殊的符号在html里面是没有办法显示的，只能使用字符实体来体现
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entitie)
用到哪个就查看官方手册就可以了
4.11表单标签【重要！！！】开发必用！！！
登录，注册输入框都是表单标签
form 双边标签
form 有一个子标签是input标签
input标签是一个单边标签
from标签和input标签主要干嘛的？
使用来提交数据的，这个通过input输入框给别的页面提交数据的！！！
url:是一个网址，统一资源定位符
一个网址就是一个资源，比如www.baidu.com这就是一个资源。是通过这个网址找到百度的页面。下载电影，迅雷下载，给你一个网址。通过这个网址进行下载这个电影资源。
url组成部分：
协议+域名(ip)+端口号+文件+参数
http://www.baidu.com:80/index.html?username=goudan&password=123456
参数：是问号后面的东西，这个就是input输入框中向另一个页面带过去的数据
表单标签
1.2framset标签【重要】
一个页面再套一个页面
【注意事项】：如果一使用了framset就不能使用body标签了
framset
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！