html+css

本文全面介绍了HTML的基础知识,包括标签、结构元素、图像和超链接的使用,以及表格、列表、媒体元素和表单的设计方法。深入讲解了块元素与行内元素的区别,超链接的不同应用场景,和表单元素的各种属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html 基础
学习
总结HTML总计
第一章html基础
标签:

head头部 title主体body主体 meta元信息元素
W3C万维网strong加粗文本
strong指定超链接p段落
br换行hr水平线
&nbsp空格&gt大于号
&lt小于号&quot引号
结构元素:
Header:标题头部区域footer:标记脚步区域的内容
section:web页面中的独立区域Articre:独立文章内容
aside:相关内容或应用footer:标记脚步区域的内容
nav:导航类辅助内容

图像标签
<img src=” 图像地址 ” alt=” 图像的代替文字 ” title=”鼠标悬浮提示文字 ”target=”当前页面打开_serf” ”新的页面打开”_blank ” width=”图片宽度”height=”图像高度”>
超链接标签
链接文本或图像</图像>
绝对路径:站点外的文件
相对路径:站点内的文件,常用到两个特殊的符号…/表示当前目录的上级目录,…/…/表示当前目录的上上级目录。
应用场合:页面链接,锚链接,功能性链接。
href链接指定地址 charset字符集编码 编码:utf-8国际通用编码,gb2312简体中文,lso-885901纯英文,一般用于只包含英文的网页,big5繁体,一般用于带有繁体字的页面。

行内元素和块内元素
块元素:无论内容多少,独占一行。
行元素:内容撑开宽度,左右都是行内元素的排在一行。
列表标签
列表分为3类,有序列表
ol li,无序列表ul li,定义列表特殊的列表形式,标题及列表项的结合,使用 dl 标签作为列表的开始,使用 dt 作为列表项的起始,dd 列表项的定义使用该标签。
表格
基本结构:单元格,行,列。创建表格分四步,第一步,table。第二步,table里创建行标签tr。第三步,tr里创建th。第四步,tr里创建td。
例:td colspan=”所跨的列数” 单元格内容横向合并
例:tr rowspan=”所跨的行数” 单元格内容
媒体元素:
视频因素:video元素的基本语法,vider src=”a视频路径 ” controls=”controls” 您的浏览器不支持 videro标签video
浏览器不支持视频格式:ogg IE不支持 Safari不支持 mpeg4 firefox不支持 opera不支持 webm IE不支持 Safari不支持
音频元素:
audio音频元素的基本因素,audio src=”音频路径” controls=”controls” /vidio
浏览器不支持音频格式:ogg ie不支持 Safari 不支持 MP3 Firefox不支持 opera不支持
WAV id不支持,Chrom不支持
Iframe内联框架的语法
iframe src=” 引用页面地址 ” name=” 框架标识名” /iframe 在被打开的框架上加name属性,如mainframe src=”网页地址”
表单元素:
Form标签元素:常用的两个属性时:
action指示服务器处理表单输出的程序,语法为action=”url”
Method告诉浏览器如何将数据发送到服务器,指定向服务器发送数据的方法,语法为method=”get|post”
属性:type :说明:指定元素类型 可用类型,text,password,CheckBox,radio,submit,rest,file,email,number,url,hidden,image,button 默认为:text
属性:name:说明:指定表单元素名称
属性:value:说明:可选属性,指定元素初始值
属性:size:说明:指定表单元素初始宽度
属性:maxlength:说明: 指定可在text或password元素输入的最大字符,默认无限大
属性:checked :说明:指定按钮是否被选中,输入类型为radio或CheckBox时使用
文本框:例:input name=”text” value=” ” name=” fname”
密码框:例:input name=”name” type=”text” size=”21”账户
input name=”pass” type=” password” size=”22”密码
单选按钮:例:input name=”gen” type=”radio” value=”男”/ 男
input name=”gen” type=”radio” value=”女”/女
复选框:例:input type=”checkbox” name=”interest” value=”sports”/ 运动
input type=”checkbox” name=”interest” value=”talk”/游戏
input type=”checkbox” name=”interest” value=”play”/作业
列表框:例:select name=”指定列表名称” size=”行数”
option value=”可选项的值” selected=”selected”……/option
option value=”可选项的值”……/option
按钮:
按钮在HTML5中分为3种,一种是普通按钮,一种是重置按钮,一种是提交按钮
Type=”button”普通按钮 type=”submit”提交按钮 type=”reset”重置按钮
Name用来给按钮命名 value用来设置显示在按钮上的文字

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值