HTML基础

折腾 707 字 2141 阅

IMG_20210321_152345.png

简言

前一段时间,我在研究html,因为那时候脑子一热要写一个网站,记录自己曾经在互联网上留下的痕迹,那时候一知半解,现在记录一下,来谈谈这个html的大概结构。

IMG_20210317_122954.jpg

mmexport1616030243419.png

这个是我前阵子写的网页,基于优秀的mdui框架[btnred href="https://ouoo.fun/world" target="blank"]点击进入[/btnred]

骨架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页标题</title>
</head>
<body>

</body>
</html>

编辑器

html什么编辑器都能写的,只要可以写文件的东西,当然这是专业人士干的,我们要专业的编辑器,推荐用电脑的编辑器,我习惯用的编辑器是HBuilderX编辑器,这个编辑器能编译很多东西,前段时间,我还在这个编辑器写了一个小程序,在字节跳动,微信小程序成功上线,总而言之,这个编辑器很强大,推荐使用。

编辑器界面

mmexport1616029965028.png

手机的话,我这里就不做推荐了。暂时没有什么好的

常用标签

标题标签

Markdown 中已经见识过了,HTML 中用 h1~6 表示(双标签)

段落标签

p[paragraph] 标签表示独占一行,(双标签)

<p> </p>

分割线标签

hr[horizontal] (单标签)

<hr/>

换行标签

br [break](单标签)

<br/>

div和span

div span 是没有语义的,是网页布局主要的 2 个盒子
div 就是 division 的缩写分割,分区的意思。

span 跨度,跨距;范围

两个都是双标签

<div>  </div>    <span></span>

区别

div 标签 用来布局的,但是现在一行只能放一个 div
span 标签 用来布局的,一行上可以放好多个 span

标签属性

使用 HTML 制作网页时,如果想让 HTML 标签提供更多的信息,可以使用 HTML 标签的属性加以设置。其基本语法格式如下:

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>

图像标签

图像链接可以用本地路径,也可以用外链

<img src="图像链接" >

链接标签

<a href="url" target="_blank"> </a>

注意:

  • 内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
  • 如果当时没有确定链接目标时,通常将链接标签的 href 属性值定义为 “#”(即href="#"),表示该链接暂时为一个空链接
  • 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

注释标签

注释内容不会显示浏览器窗口中,但是作为 HTML 文档内容的一部分,也会被下载到用户的计算机上查看源代码时就可以看到

快捷键是: Ctrl+ /

<!-- 注释语句 -->

End

好了,大概的html结构主要就是这部分组成,希望对你有所帮助,当然一个完整的站点单单只有html是不行的,还有css,js,php等众多语言结合使用,所以学习Web是一个很漫长的过程,每一步都是在不停的探索。

- THE END -
打赏 分享
评论 ( 449 )
OωO
  1. Sisktf

    chumba casino - wind creek casino online play casino games win real money

    昨天 06:48 回复
  2. Rfazig

    ivermectin 3 mg tablets - ivermectin lotion cost ivermectin 12mg pills for humans

  3. Txcmww

    ivermectin 3 mg - ivermectin tablets uk ivermectina 6mg

  4. Prdhkg

    cialis online discount - Cialis cheap price cheap genuine cialis

  5. Ycsbdt

    20 mg cialis for daily use - discount cialis cialis pills for sale uk

  6. Sekmpw

    sildenafil tablets in india - viagra 150 mg buy sildenafil 100mg online

  7. Dqiadd

    where can you buy real viagra online - cheap sildenafil viagra 200mg tablets

    10月15日 回复
  8. casino online

    hello my lovely stopforumspam member

    Welcome to Grosvenor Casinos, where you can play a wide range of casino games, from slots to poker, blackjack, and roulette! There’s something for everyone here – become a member of the casino to have the best of online casino gaming. Our Sportbook offers a range of sports betting odds and is available for pre event or in play bets 24/7 and 365 days of the year. Whether you’re here for football tournaments or the latest betting odds for horse racing, Tennis, Golf, Cricket and even Rugby Union, you are covered.

    10月14日 回复
  9. Szbtvn

    buy stromectol online - cost of stromectol pill ivermectin 3 mg

    10月13日 回复
  10. payday loans online

    hello my lovely stopforumspam member

    What are the Types of Loans in Ohio depending on the purpose
    Specific purpose payday loans in Ohio. Funds received in debt may be spent only for a specific purpose specified in the loan agreement.
    Non-purpose loan. The debtor may spend the money received at his discretion.
    Most popular specific purpose payday loans in Ohio are:

    House loan. The most common, of course, is a mortgage when the purchased property acts as collateral for a loan. Sometimes a youth loan is issued, with lighter conditions for debtors. Still quite common is a housing loan that does not imply purchased housing in the form of collateral.
    Car loan – payday loans in Ohio to a car or similar vehicle. The key is often the purchased goods, making the terms of the loan better. Also, loan conditions are improved: car insurance, life and health insurance of the borrower, and receiving a salary to the account of the creditor bank.
    Land loan. To purchase a plot for construction or agricultural activities.
    Consumer. For purchases in modern supermarkets, equipment stores, you can take a personal loan right at the point of sale. Often, specialists located there can contact the bank and get a regular or fast payday loans. Borrowed funds automatically pay for the goods, and the consultant explains when and how to re-pay the debt.
    Educational loan. It is issued to students, as well as to applicants who have passed the competition, to pay for tuition at universities, colleges, etc.
    Broker loan. For the circulation of securities, payday loans in Ohio are issued to an exchange broker, se-curities are purchased securities.
    Others. Objectives not related to those listed, but agreed and approved by the creditor.

    10月13日 回复
  11. Acoxhw

    ivermectin for covid - buy stromectol online ivermectin 10 ml

    10月12日 回复
  12. Mtcukg

    cialis daily canada - cilaedpl generic cialis 200mg pills

    10月11日 回复
  13. biareemep
    biareemep
    10月10日 回复
  14. Vwoocw

    prednisone 2.5 mg tab - canadian online pharmacy prednisone prednisone 8 pills

    10月9日 回复
  15. Iuqksz

    online pharmacy non prescription drugs - cialis low price cialis over the counter south africa

    10月8日 回复
  16. Eetvjf

    viagra for sale online australia - viagra for men viagra 120

    10月7日 回复
  17. offisee
    offisee
    10月7日 回复
  18. Mzhhbz

    stromectol tablets - ivermectin tablets for humans ivermectin lice oral

    10月5日 回复
  19. Unsagh

    orlistat medicine - xenical 120mg coupons xenical price in india

    10月4日 回复
  20. Neurontine

    How To Buy Robax Platinum Without An Rx

    10月3日 回复
  21. Akccex

    visit website - vidalista 60 cenforce 120 mg online

    10月3日 回复
  22. solumedrol to prednisone

    Zithromax Pfizer Dosage

    10月3日 回复
  23. Htutyl

    hydroxychloroquine price - plaquenirx.com purchase prednisone from india

    10月2日 回复
  24. Veltfieni
    Veltfieni
    10月1日 回复
  25. Gfzrac

    ivermectin for humans for sale - stromectol cost uk ivermectin cost in usa

    9月27日 回复
  26. Hncrzu

    professional paper writers - help me write a thesis how to write a hiring letter

    9月25日 回复
  27. Tilange
    Tilange
    9月25日 回复
  28. jimdofreewen

    We spent a lot of time at her home. Maybe so her mother could keep an eye on us. Mrs. Spencer made sure to be around, offering drinks, snacks, chit chat. I noticed that she was fairly young herself. Granted at my age, anyone over 25 was old, but she was probably mid-30s, divorced. If she was a indiction of how Carley would develop, maybe I should wait. Mrs. Spencer had fuller breasts and a nice butt. She appeared to be in great shape for her "advanced" age. I knew she was keeping an eye on me as much as I was on her and her younger daughter. Her eldest, Sharon was away at college at the time. With Mrs. Spencer around we mostly limited ourselves to holding hands and sneaking in a few light kisses. One day Mrs. Spencer caught us by surprise walking in as I'd slid my hand up from Carley's stomach to rub her right breast through her shirt. She didn't really need a bra yet, so I could feel her nipple, hard, through her shirt. Just this much contact had me hard also.

    https://sites.google.com/view/Fz7ppr46AkhuBVd4 https://sites.google.com/view/Pk7byPCKquzOiESH

    9月25日 回复
  29. Lztfho

    buy accutane in usa - buy accutane online usa accutane purchase online uk

    9月24日 回复
  30. Csieaj

    buy tadalafil - tadalafills tadalafil 20

    9月23日 回复
  31. Bjypvu

    sildenafil alternative - sildenafil coupon sildenafil online prescription free

    9月22日 回复
  32. Toyuix

    ivermectin pills canada - ivermectin cost canada stromectol tablets for humans for sale

    9月21日 回复
  33. Easedia
    Easedia
    9月21日 回复
  34. Priligy

    Viagra Pas Marche

    9月20日 回复
  35. Imored

    how to buy stromectol - stromectol price usa stromectol canada

    9月19日 回复
  36. Kuisay

    doxycycline 100 mg cost generic - prednisolone 25mg tablet how much is prednisolone cost

    9月18日 回复
  37. lasix to bumex

    Todo Sobre Viagra

    9月17日 回复
  38. Zithromax

    Amoxil 500 Dosage

    9月17日 回复
  39. Qccxcb

    cytotec medication price - cytotec pharmacy online where to buy cytotec in south africa

    9月17日 回复
  40. Vigkco

    buy ventolin - ventolin price in india ventolin inhalers

    9月16日 回复
  41. acouple
    acouple
    9月15日 回复
  42. sholype
    sholype

    http://buyplaquenilcv.com/ - hydroxychloroquine over the counter

    9月15日 回复
  43. Fsbpcj

    furosemide 80 mg buy online - lasix 40 mg for sale lasix uk

    9月14日 回复
  44. Nhtose

    prednisone 5mg buy online - prednisone 4 prednisone without prescription.net

    9月13日 回复
  45. Hhfpsd

    stromectol 0.1 - stromectol new zealand india ivermectin

    9月12日 回复
  46. Cascalm
    Cascalm
    9月12日 回复
  47. Gxueje

    cialis daily cheap - otadalafil.com tadalafil 2.5 mg tablets in india

    9月10日 回复
  48. Cyduxa

    cheap sildenafil uk - Generic viagra online purchase viagra no prescription

    9月8日 回复
  49. Kpygzt

    order research paper - write my essay paper essays buy

    9月7日 回复
  50. saunTee
    saunTee

    https://buypropeciaon.com/ - propecia vs generic finasteride

    9月6日 回复
  51. Axqwrq

    medrol 32 mg tablets - medrol 1 tablet lyrica without prescription

    9月6日 回复
  52. Stromectol

    achat viagra

    9月6日 回复
  53. Krtnqj

    accutane 10mg price - accutans.com accutane australia

    9月3日 回复
  54. Kzbwhn

    prednisone pill - prednisone 10 mg order online prednisone for sale without prescription

    9月2日 回复
  55. Cialis

    Newcialispharmacy

    9月1日 回复
  56. Ebudon

    where to buy stromectol online - ivermectin 4 mg

    9月1日 回复
  57. enrormeno
    enrormeno
    8月31日 回复
  58. Yarcoz

    vardenafil dose - generic vardenafil review canadian generic vardenafil

    8月30日 回复
  59. Propecia

    Levitra Catalogo

    8月30日 回复
  60. Vienief
    Vienief
    8月29日 回复
  61. Jehofh

    generic cialis 200mg - tadalafil generic us cialis average cost

    8月29日 回复
  62. Viagra

    Levitra Cura La Disfuncion Erectil

    8月29日 回复
  63. Pgzpcq

    sildenafil 25 mg - sildenafil over the counter usa

    8月28日 回复
  64. anowirway
    anowirway

    http://buytadalafshop.com/ - buy real cialis online

    8月27日 回复
  65. Embably
    Embably
    8月27日 回复
  66. Qfyrbm

    neurontin cost in canada - neurontin 500 mg buying synthroid in mexico

    8月26日 回复
  67. Pytbsz

    doxycycline 100mg otc - canadian pharmacy online doxycycline doxycycline 300mg daily

    8月25日 回复
  68. Ynmvzp

    cytotec pills order - how much is cytotec cytotec purchase

    8月23日 回复
  69. Ggzvrp

    ventolin price - gnrventolin.com generic ventolin

    8月22日 回复
  70. Ftcuko

    ivermectin over the counter - ivermectin 0.08 oral solution ivermectin buy

    8月20日 回复
  71. y6hj
    y6hj

    空包快递单号网站 空包购买网站www.chaojidanhao.cn

    4月3日 回复
感谢打赏