


Chuanzhi Podcast 2017 version takes you through HTML video materials (source code, courseware) sharing in 3 days
"Chuanzhi Podcast 2017 Edition takes you through HTML video tutorials in 3 days" is the latest video tutorial in 2017. The tutorial is step by step in-depth and leads everyone to learn HTML knowledge and understand the meaning and basic usage of various commonly used tags. This will lay the foundation for subsequent case lessons.
Course playback address: //m.sbmmt.com/course/574.html
The teacher’s teaching style:
The teacher’s lectures are simple, clear, layer-by-layer analysis, interlocking, rigorous argumentation, rigorous structure, and use the logical power of thinking to attract students’ attention Strength, use reason to control the classroom teaching process. By listening to the teacher's lectures, students not only learn knowledge, but also receive thinking training, and are also influenced and infected by the teacher's rigorous academic attitude.
The more difficult points in this video are the introduction and scrolling of Dreamweaver Text:
Rolling subtitles will make many people excited, especially when they use rolling subtitles for the first time, they will not be able to put it down. Now make a detailed plan to give you a more comprehensive understanding.
Rolling subtitles are included in FrontPage components, but FrontPage software can only support single lines of text. Once multi-line text appears, it cannot do anything, and it can only support one line of scrolling! (If it appears, only one line of text can be scrolled. In this case, the solution is to embed this code into JavaScript document.write. Please see the detailed description of the example below) Dreamweaver can only use the method of writing HTML code. Therefore, it is strongly recommended to use Notepad to open the source code of the web page for editing.
1. Create the first rolling subtitle. Code:
<marquee scrollAmount=2 width=300>滚动字幕</marquee>
2. Detailed explanation of each parameter:
a) scrollAmount. It represents speed, the larger the value, the faster the speed. If it is not available, the default is 6. It is recommended to set it to 1 to 3.
b) width and height, indicating the size of the scrolling area, width is the width, and height is the height. Especially when doing vertical scrolling, the height value must be set.
c)direction. Indicates the direction of scrolling, the default is from right to left: ←←←. Optional values are right, down, and up. The scrolling directions are: right means →→→, up means ↑, and down means ↓.
d) scrollDelay, which is also used to control the speed. The default is 90. The larger the value, the slower the speed. Usually scrollDelay does not need to be set.
e)behavior. Use it to control attributes. The default is circular scrolling. Optional values are alternate (alternating scrolling) and slide (slide effect, which refers to scrolling once and then stopping scrolling)
3. Example:
a) How to add a hyperlink to rolling subtitles? This is exactly the same as usual hyperlinks. Just add
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>
outside the text. Here we also recommend downloading materials: //m.sbmmt.com/xiazai/learn/2108
In the information, we share with you the video tutorial courseware and source code
The above is the detailed content of Chuanzhi Podcast 2017 version takes you through HTML video materials (source code, courseware) sharing in 3 days. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

First, check whether the src attribute path is correct, and ensure that the relative or absolute path matches the HTML file location; 2. Verify whether the file name and extension are spelled correctly and case-sensitive; 3. Confirm that the image file actually exists in the specified directory; 4. Use appropriate alt attributes and ensure that the image format is .jpg, .png, .gif or .webp widely supported by the browser; 5. Troubleshoot browser cache issues, try to force refresh or directly access the image URL; 6. Check server permission settings to ensure that the file can be read and not blocked; 7. Verify that the img tag syntax is correct, including the correct quotes and attribute order, and finally troubleshoot 404 errors or syntax problems through the browser developer tool to ensure that the image is displayed normally.

Thebdotagisusedtooverridethebrowser’sdefaulttextdirectionrenderingwhendealingwithmixedleft-to-rightandright-to-lefttext,ensuringcorrectvisualdisplaybyforcingaspecificdirectionusingthedirattributewithvalues"ltr"or"rtl",asdemonstrat

Thetagisusedtodefinecontactinformationfortheauthororownerofadocumentorsection;1.Useitforemail,physicaladdress,phonenumber,orwebsiteURLwithinanarticleorbody;2.Placeitinsideforauthorcontactorinfordocument-widecontact;3.StyleitwithCSSasneeded,notingdefa

TheasyncattributeinHTMLisusedtoloadandexecuteexternalJavaScriptfilesasynchronously,allowingthebrowsertodownloadthescriptinparallelwithHTMLparsingandexecuteitimmediatelyuponcompletion,whichimprovespageloadperformancebypreventingrender-blocking;itisbes

To set the default value for HTMLselect elements, the corresponding option element must be marked with the selected attribute; 1. Add the selected attribute to the option you want to select by default, such as UnitedStates; 2. Ensure that only one option in a single select has selected attribute, and if there are multiple ones, the first one will be the source code order; 3. The selected attribute can be placed anywhere in the list, not limited to the first option; 4. This method is suitable for single-select and multiple-select select; 5. If you need to set it dynamically, you can use JavaScript to operate the value attribute, such as document.querySelec

Tocenteradivhorizontally,usemargin:0autowithadefinedwidth.2.Forhorizontalandverticalcentering,applydisplay:flexontheparentwithjustify-content:centerandalign-items:center.3.Alternatively,useCSSGridwithplace-items:centerforbothdirections.4.Asafallback,

Theelementisusedforsidecomments,fineprint,orlessimportantcontentwithsemanticmeaning,notjustvisualstyling;2.Itisappropriateforcopyrightnotices,legaldisclaimers,attributions,andlimitations;3.Itshouldnotbeusedsolelytoreducetextsize—CSSshouldhandlepresen

TocreatesubscriptandsuperscripttextinHTML,usetheandtags.1.Usetoformatsubscripttext,suchasinchemicalformulaslikeH₂O.2.Usetoformatsuperscripttext,suchasinexponentslike10²orordinalslike1ˢᵗ.3.Combinebothtagswhenneeded,asinscientificnotationlike²³⁵₉₂U.The
