广告设计网站排行榜前十名有哪些,苏州小程序开发外包,国家反诈中心app下载,甘肃建网站一、HTML基础
HTML超文本标记语言。
超文本#xff1a;链接#xff1b;
标记#xff1a;标签#xff0c;带尖括号的文本。
1、标签结构
标签要成对出现#xff0c;中间包裹内容#xff1b;
里面放英文字母#xff08;标签名#xff09;#xff1b;
结束…一、HTML基础
HTML超文本标记语言。
超文本链接
标记标签带尖括号的文本。
1、标签结构
标签要成对出现中间包裹内容
里面放英文字母标签名
结束标签比开始标签多个/
标签分类双标签和单标签。
PSstrong需要加粗的文字/strong
2、HTML骨架
html整个网页
head网页头部用来存放给浏览器看的信息例如CSS
title网页标题
body网页主体用来存放给用户看的信息例如图片、文字
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title网页标题/title
/head
body网页主体
/body
/html
VS Code可以快速生成骨架英文配合Enter/Tab键
3、标签的关系
明确标签的书写位置让代码格式更整齐。
父子关系子级标签换行且缩进
兄弟关系兄弟标签换行且对齐。
4、注释
注释是对代码的解释和说明能够提高程序的可读性。
注释不会在浏览器中显示
!-- 我是HTML注释 --
5、标题标签
h1一级标题/h1
h2二级标题/h2
h3三级标题/h3
h4四级标题/h4
h5五级标题/h5
h6六级标题/h6
显示特点文字加粗字号逐渐减小独占一行。
h1标签在一个网页中只能用一次用来放标题或logoh2~6没有使用限制。
6、段落标签
一般用在新闻段落、文章段落、产品描述信息等等。
p段落/p
显示特点独占一行段落之间存在空隙。
7、换行和水平线
换行br
水平线hr
8、文本格式化标签 9、图像标签
在网页中插入图片。
img src图片的URL 属性语法
属性名“属性值”
属性写在尖括号里标签名在后面标签名和属性之间用空格隔开不区分先后顺序。
img srcURL alt替换文本 title提示文本10、超链接标签
点击跳转到其他页面
a hrefhttps://www.baidu.com跳转到百度/a
href属性值是跳转地址是超链接的必须属性超链接默认是在当前窗口跳转页面添加target_blank实现新窗口打开页面。
开发初期不确定跳转地址则href属性值写为#表示空链接页面不会跳转在当前页面刷新一次。
11、音频
audio srcURL/audio 12、视频
video srcURL/video 二、HTML进阶
1、列表
布局内容排列整齐的区域
列表分类无序列表、有序列表、定义列表
无序列表布局排列整齐的不需要规定顺序的区域。
标签ul嵌套liul是无序列表li是列表条目
ulli/li
/ul
PS:ul标签里面只能包裹li标签li标签里面可以包裹任何内容。
有序列表布局排列整齐的需要规定顺序的区域。
标签ol嵌套liol是有序列表li是列表条目
olli/li
/ol
PS:ol标签中只能包裹li标签li标签可以包裹任何内容。
定义列表
标签dl嵌套dt和dddl是定义列表dt是定义列表的标题dd是定义列表的描述。
dldt列表标题/dtdd列表描述/dd
/dl
PS:dl里面只能包含dt和dddt和dd里面可以包含任何内容。
2、表格
网页中的表格与Excel表格类似用来展示数据
基本使用标签table嵌套trtr嵌套td/th
table表格tr行th表头单元格td内容单元格。
table border1theadtrth姓名/thth性别/thth爱好/th/tr/theadtbodytrtd王德发/tdtd狗/tdtd咬狗/td/trtrtd王大发/tdtd猪/tdtd咬猪/td/tr/tbodytfoottrtd/tdtd/td/tr/tfoot/table 3、表单
收集用户信息
使用场景登录、注册、搜索区域
1、input标签
input标签的type属性值不同则功能不同。 2、input标签占位文本
提示信息文本框和密码框都可以使用
选择你的英雄:input typetext placeholder请选择王德发 3、单选框 您是否是王德发:input typeradio namechoice idYeslabel forYes是/labelinput typeradio namechoice idno checkedlabel forno否/label 4、上传文件
默认情况下文件上传表单控件只能上传一个文件添加multiple属性可以实现文件多选功能。
input typefile multiple 5、多选框
王德发是(多选): input typecheckbox狗input typecheckbox checked猪input typecheckbox傻鸟 6、下拉菜单
标签select嵌套optionselect是下拉菜单整体option是下拉菜单的每一项
默认显示第一项selected属性实现默认选中功能。
您叫什么名字selectoption selected我的发/optionoption王德发/optionoption王大发/option/select 7、文本域
多行输入文本的表单控件
textarea请输入王德发的100个缺点
/textarea 8、label标签
网页中某个标签的说明文本
用label绑定文字和表单控件的关系增大表单控件的点击范围
labelinput typeradio女/label
9、按钮 button typereset原神启动/button 4、语义化
布局网页划分区域摆放内容
div独占一行
span不换行
有语义的布局标签 5、字符实体
