web中html(超文本标记语言)相关知识汇总

本文介绍了HTML的基础语法,包括标签的使用、语义化、超链接、表单及路径等。强调了HTML标签的语义重要性,如h标签、p标签、img标签和a标签的使用,并提及了表单元素和input标签的各种类型。同时,讨论了路径的相对与绝对形式,以及如何创建超链接和锚点链接。此外,还提到了HTML注释和编码工具HBuilder。

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

html(超文本标记语言)
    html语法规则
        标签,标签符号(标记,标签,节点,元素)----<>又称尖括号;
        html语言必须写在标签符号里面;
        html中的标签大多是成对出现;
        关闭符号----/又称反斜杠;

具体写法:
    <!DOCTYPE html>    描述当前文件的版本信息,如果没有详细说明4.0还是x1.0那就是5.0版本
    <html>    html文件
    <head>    网页的头部
    <metaa charset="utf-8">    utf-8是国际编码,如果不写或者写成其他都会有问题
    <title>此处内容是网页标题</title>
    <body>自己所写的代码都放这里面</body>
    </html>        注:html文档不能正常识别回车和换行只能用特定的代码实现
    编码工具:HBuilder
    标签语义化
        在合适的地方使用合适的标签
        为什么?因为浏览器只认识标签,没有语音语调所表达的东西只能使用对应的标签来表示
        好处:语义化做得好,可以使搜索引擎把网站排名更靠前
    标签
        h标签和p标签
            <h></h>:代表文章标题,共六个依次变小
            <p></p>:代表文章段落
        img标签
            img是一个单标签
            <img src="图片名字"  width="宽度"    height="高度"  alt="1,图片未加载的提示文字,2,网页阅读器可以读取这里的文字"  title="鼠标悬停时的提示文字" />

    注意属性名="属性值" 空格不能丢,符号都要使用英文状态下,属性设置不分先后,宽高设置其中一个,另外一个就能等比例缩放;
        bui标签及其他
            <b></b>粗线   <strong></strong>
                b表示加粗
                <strong></strong>表示加粗,多了强调语义

注意:strong表示特别强调,一篇文章中不要多次出现
            <u></u>下划线
            <i></i>斜线  <em></em>
                i表示倾斜
                em表示倾斜,多了强调语义

注意:em表示一般强调,一篇文章中可以多次出现
            <s></s>删除线  <del></del>
                s代表删除线
                del也代表删除线,del是主流,s标签已经逐渐被淘汰
            <br />换行
    超链接
        <a href="地址" target="_blank">文字</a>
            不加target=_blank就会在当前页面刷新,加了后会打开新的页面
            如果要跳转到线上地址必须加http://,本地文件直接写路径
        空连接写法:1,###  2,JavaScript :; 3,JavaScript:void(0)三种均可
        锚点链接:点击之后直接跳转到页面的相对位置;给想要跳转的位置写一个id属性,a标签的href属性写#id的值
        子主题 4
    表单
        所有用户输入内容都要放入form标签中;       <form action="" method="post">
</form> 
            action代表数据传输给哪个后台程序
            method代表传输数据的方法
                post表示加密
                get表示不加密
        <input type="" name="" id="" placeholder="" />或者<input type="" name="" id="" value="" />
            input代表输入框标签(单标签)type类型决定这个输入框的类型,name属性代表这个输入框的名字,id打包输入框的id编号
                其中注意1,type="text"代表普通输入框2,type="password"代表密码输入框。
            value代表默认输入框(不符合用户体验,应该换成placeholder)
                注意:placeholder属性ie低版本不兼容,但是我们实际工作中还要使用,因为渐进增强(随着浏览器版本的提升,效果越来越好),优雅降级(在高浏览器版本显示效果好的前提下,保证了低版本浏览器不错乱)。
    路径
        相对路径
        绝对路径,尽量不要用
    注释:ctrl+?<!-- 注释内容,用户看不到 -->

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值